Our web design process ensures the accuracy of a project’s vision and keeps the project on schedule and budget. From start to finish, a schedule of approvals and review cycles at key milestones ensures that the project progresses towards its launch target. We follow best practices and execute a full phase of design and development that produces a high-quality website and brand experience.
Research & Discovery
The first step is to understand the business and the business’ goals thoroughly. We then evaluate the customer’s expectations and behaviors and how the website plays a role. We also look at the competitive landscape to establish context and benchmarks for how an ideal website should function. This stage gives us an excellent foundation to move forward with planning and setup.
Planning & Setup
After establishing a thorough understanding of the project, business objectives, core functionality, and desired user experience, we begin planning for execution. This step includes confirming the project schedule, resources needed, on-boarding the client and project team, installing all the web configurations and technology setups needed. Once this step and milestone are finished, we are ready to start the content strategy stage.
Sitemap & Content Outline
Before moving into the design and development stages, we must establish the amount of content that the website will hold and where it should all live. Building a sitemap and content outline gives designers, developers, and copywriters a good understanding of how a website will flow together and allows for early adjustments to the content strategy, brand messaging, and user experience.
The first step of the design phase is to wireframe or sketch each page of the website to verify that the content fits and works together on the site. Wireframes look like simple skeletons of your website without the visual polish of the finished design, allowing us to experiment and iterate on the layout and user-flow solutions quickly so that we have a good sense of how content should be laid out across different screen sizes.
Using the wireframes, we’ll develop a working prototype to help pre-visualize how the site will function and respond in its finished state. During this time we will design high-fidelity design comps that show what the final designs will look like on desktop, tablet, and mobile screen sizes.
Now that we have an approved look and feel of the website, our developers begin coding and building the website, either from scratch or with a professional theme. The developers work quickly to build a rapid prototype so that everyone can begin experiencing and testing the new website. As the rapid prototype develops, the technology team works closely with the design team and ensures that all design elements are correctly executed and function correctly across devices.
Launch And Quality Control
After our final development cycle and initial testing in the staging environment, we release the website for external testing so that the client may review and report on any issues that we did not address earlier.
Once any and all issues are fixed, we will mirror the website to a live / production server and QC it again across different browsers and devices. Since the site will be fully launched and visible, any remaining bugs that arise from this final round of testing will be fixed immediately.
The new website is live! Now what?
We believe that there’s always room to improve and that projects have limited time and budgets, so getting all the desired features into an initial launch isn’t always possible. This is the perfect opportunity to take what we’ve learned from the initial project and improve the new site over time.
A website is a living, breathing entity and should be updated regularly with new design elements and content.