Web Development Process
Atomic Design offers complete web design and development services ranging from domain registration and hosting to development of advanced E-commerce enabled websites and other sophisticated web applications. We are equally comfortable partnering with customers on parts of the process, or providing a full- service approach. Whether your organization needs a simple design update or a completely new internet/intranet site, we can create a web presence that meets your goals and keeps visitors coming back for more.
As much as we love and embrace new technology, we never promote the use of technology for it's own sake. Instead you can count on the team at Atomic Design to take advantage of our understanding and experience with technology as tools to enable your business process, communication needs and vision.
Phase I
Project Inception
A quick overall needs assessment/pre-qualification phone call or meeting that determines generally what the goals of the client are and how much they have budgeted for the project. If the client's expectations and budget are appropriate for Atomic Design, a Scope Meeting will be scheduled.
Steps to prepare for Scope Meeting:
- Read this process document
- Review and consider subjects to be discussed during Scope Meeting
- Be prepared to discuss other websites you have found that match what you wish to be achieved on your site in terms of design, content or functionality
Scope Meeting
The purpose of the Scope Meeting is to define the goals, requirements and scope of the web project to be completed with enough information to create a detailed proposal and cost estimate for the work. During this meeting, Atomic Design's development process will be outlined and explained to the customer.
Estimated Proposal/Timeline
With a solid understanding of the scope of the web project, Atomic Design will create a detailed proposal outlining project responsibilities, timeline and costs for the development of the project.
Proposal Review/Budget
During this time, the client will review the proposal and decide on the final scope of the project. If additional features are identified that were not included in the original proposal, Atomic Design will provide a revised cost estimate.
Final Proposal/Contract
The outcome of this phase will be the final binding budget and a proposed development schedule to be signed by the customer. Finally, a payment from the customer will be made to Atomic Design, in order to begin the production process.
Project Launch
Once the project is confirmed, meetings will be scheduled to discuss the requirements documentation phase.
Phase II
Requirements Analysis Documentation
Upon Project Launch (for robust database driven site), work will begin on a technical requirements document that details the features and functionality necessary for successful website development. This may be done internally or may need to be done while working jointly with the project coordinator on the client's side. Once the requirements are finalized, we can begin with the initial programming of the database and architecture.
In this phase, a programmer will be in direct communication with the client or point person. This communication is preferred to be in person but can be performed in a series of phone conferences. The goal of this process will be to outline all necessary features of the new website.
Once the programmers believe they have a good understanding of all features, programming will be initiated. This may be an interactive process that requires multiple revisions to a requirements document. A formal requirement document is an additional charge and only complex functionality requires one. Design acts as advanced key frames to understand each web page. We anticipate this process will take 2 weeks.
Flow Chart/Website Outline
If appropriate, Atomic Design will provide a high-level diagram of the overall structure of a site. It will define the end-user's paths through the site and site functionality. A flow diagram for an E-commerce site will detail the sequence of pages necessary to gather the information required by the E-commerce application in order to complete an order.
Planning, Defining Website Strategy & Copywriting
Planning is implemented up until programming is initiated and is included in meetings, requirements and even design. Unless copywriting services are initiated, client will provide content. All marketing and copy writing work together to provide the following:
- Defining goals and objectives
- Identifying target audiences
- Design Audit & Usability review
- Site structure and navigation
- Content
Copywriting is broken down into two types; content and SEO copywriting. Copywriting will also be important in the early phases in defining the website outline and content structure, edit existing content, or write fresh content.
Project Management
Project Management is performed throughout the entire project, upon launch and to manage ongoing maintenance and updates.
Atomic Design's business model is unique in that we do not employ project managers. Employees are responsible for managing their own projects. We have found great success with this model and customers appreciate speaking directly with the individual working on their project. We have found it improves turnaround time, increases accuracy, and reduces miscommunication.
Layout and Design
The design process begins, unless otherwise specified, with the client providing Atomic Design with all relevant graphical assets including logo(s), images, branding guides, colors and web content. Atomic Design will perform a design audit and submit design recommendations. This communication is preferred to be in person but can be performed in a series of phone conferences. The goal of this process will be to finalize a home page design and all unique interior page layouts.
Atomic Design's award winning design team and usability expert will make recommendations based on:
1. 14 years of website design experience
2. Hundreds of case studies
3. Usability studies and patterns
It is important to note that we are not trying to impose our design ideas, but only to ensure that the user interface we implement is the best and most user friendly that it can be.
Once the home page design and navigation structure are approved in writing secondary page designs are approved. Once interior page designs are approved programming is initiated.
User Interface Design
Atomic Design will provide the client with several graphical concepts for the home page look and feel to be reviewed by the customer. Atomic Design will then work with the client to refine/combine elements of the design(s) in order to arrive at the final designs to be developed. Normally, the budgeted time for this process will allow for necessary revisions, but occasionally additional hours may need to be added to the budget.
Initial Look Approval
The final comp will be printed and signed by the client as authorization to continue onto the secondary pages design phase.
Secondary Pages Design and Approval
Based on the approved user interface design, the site's interior pages will be designed and sent to client for approval. The client will have a total of two rounds of revisions to ensure all the pages are designed to their expectations.
Finalized Content
Also during the design phase, all of the copy for the site must be submitted to Atomic Design in order for it to be added to the site. This is usually the biggest customer-supplied deliverable. It is crucial that the client meet all agreed delivery dates, in order to maintain the production schedule.
Final Review and Web Look Approval
The site development process will begin with a final review and approval of all the site pages by the client. Any changes/modifications and budget/design concerns will be addressed prior to proceeding.
Continue to page two of the web development process.