Web Design Process

1. Planning

Helping you answer the question, “what exactly should we build?”

This is the initial information gathering phase where we ask relevant questions to your particular project like the following:

1. 1. Who will our point of contact be at each stage?
   2. What systems, software, and strategies should we employ for maintaining a streamlined workflow between our teams? We have our own preferred communication tools and project management software. We’ll create a custom workflow and reporting structure for this project.
   3. How does the website’s data (inputs & outputs) affect the workflow of the company at large?
   4. How do website users gather the information they need from you already?
   5. What do they like about your current website?
   6. What don’t they like about your current website?
   7. What do you want more of and why? (traffic, conversions, etc.)
   8. How will we determine what content a page needs to have?
   9. In the beginning, we need to determine how you’ll manage your site internally. Who is responsible for what, standard operating procedures, etc.
   10. What other information are we going to need to meet the milestones within the next 4 phases of the site?

2. Design

Creating a beautiful, easy-to-use website that delights your users and makes your company look amazing.

Informed by what we learn in the planning phase, we partner with your team on the design process. At a page-by-page level, we design for the user and relentlessly keep the design process focused on objectives set in the planning stage.

Content
We begin the design with a focus on content. We gather all the necessary content the site should have and will need to enhance the user’s journey and overall experience. Once we have started gathering appropriate content we build a sitemap.

Sitemap
We’ll work together with Baron Malow to create a sitemap that is logical to the end-user(s) and does not neglect the current structure of the site. It’s important for the sitemap to be built with the current site in mind in order to avoid usability issues, broken links, and negative SEO implications.

Wireframes
With the sitemap built, we’ll use wireframes to represent the skeletal framework of the website’s page layouts and assist both stakeholders and designers in understanding layout and functionality.

Mockups
We turn low fidelity wireframes into high-res mockups, incorporating user research into our designs, which allows us to create pages and journeys specific to key user audiences.

3. Development

Writing flexible code that runs smoothly and securely across multiple platforms.

Data Migration

Move content from the current site into development environment.

Build the Foundation
Develop and set colors, buttons, headers, footers, content regions and other consistent, reusable elements of the site.

Custom Features & Functionality

Configure third-party integrations and develop unique site functionality.

Testing
Passes our pre and post-launch list and meets all accessibility, usability, and inclusion standards.

4. Deployment

Taking your website live with minimal hassle.

We select a date and time to launch the site, having gone through all appropriate testing at the end of the development phase.

5. Maintenance

Keeping your website as strong and fresh as the day we launch.

We continue to support your website and your team to maximize the return of your investment and to help you reach your goals.

Nick Petersen

Nick is a Web Development Expert with a background in Graphic Design and over two decades of industry experience. Specializing in custom WordPress environments, Nick leverages front-end frameworks, Advanced Custom Fields, and page builders like Elementor & Beaver Builder to build high-performance websites. He has helped guide hundreds of clients from concept to launch, turning complex technical requirements into user-centric digital narratives. More from Nick →