The Web Design Process: What to Expect When You Work With a Studio

What are the steps in a web design process?

A professional web design process usually runs through eight stages: discovery, a design questionnaire, sitemap, wireframes, design rounds, development, QA, and launch. Each stage ends with something you approve, so decisions are made once and the project stays on schedule.

Names vary from studio to studio, but the logic is the same: agree on goals and structure before visuals, and agree on visuals before code. Changing a sitemap is cheap; changing a built page is not.

The web design process at a glance

Here is what happens at each stage, what you get, and what you need to do. Timelines vary with scope; a small site moves faster than a large store.

What happens during discovery?

Discovery is where the studio learns what the site must achieve and confirms the project is a good fit. Expect a call or a written exchange about goals, audience, scope, platform, budget, and timeline.

Good questions to expect: What should a visitor do on the site? Who are your best customers? What is not working on your current site? Which platform are you on, and why? The output is a clear scope and proposal, so both sides agree on what is being built before work starts.

Why do studios use a design questionnaire?

A questionnaire turns vague taste into a usable brief. It captures your brand, tone, colors, fonts, competitors, sites you admire, and must-have features in one place, so the designer is not guessing.

The most useful answers are specific. "Clean and modern" helps far less than "we like how this site uses large product photography, and we dislike busy homepages." Links and screenshots are gold.

What are a sitemap and wireframes?

A sitemap is the list of pages and how they relate. A wireframe is a simple layout that shows the structure of a page and where content goes, before any visual design.

The Nielsen Norman Group describes wireframes as a common UX deliverable for presenting page-level layout ideas. Their value is focus: reviewing a gray box layout makes you think about content order and user flow, not colors.

Some studios combine wireframes with the first design round for smaller sites, especially when a clear brand already exists. For larger sites and stores, separate wireframes usually save time later.

How many design revisions are normal?

Two to three structured revision rounds is a common standard for website design projects. Extra rounds are usually available, but they are often billed separately.

A round means you review the design, send all your feedback together, and the designer delivers an updated version. Designer and educator Paige Brunton, for example, recommends structuring revisions as defined rounds (her example package includes three) rather than counting individual tweaks, so feedback is complete and the timeline stays predictable.

To get the most out of each round:

1. Collect feedback from every decision-maker before sending it.
2. Describe the problem, not just the fix ("the price is hard to find" rather than "make it red").
3. Prioritize: separate must-change items from nice-to-haves.
4. Comment directly on the design file when possible.

Our take: if you are on your fourth round, the issue is usually the brief, not the design. Go back to the goal and the questionnaire answers.

What happens in development, QA and launch?

Development turns approved designs into a working site, QA tests it thoroughly, and launch makes it live with redirects and final checks in place.

During development, the site is built on a staging or preview link so you can watch progress without affecting your current site. This is when final content, product data, and account access are needed.

QA should cover phones, tablets, and desktop browsers; forms and email notifications; checkout and payments for stores; page speed; basic SEO settings; and accessibility basics. W3C's current recommended accessibility standard is WCAG 2.2, a helpful reference for contrast, focus states, and alt text.

Launch includes connecting the domain, setting up 301 redirects from old URLs if you are replacing a site, submitting the sitemap to search engines, and a short handover so your team can edit content.

What should clients prepare before a project starts?

The fastest projects are the ones where content and access are ready early. Prepare as much of this as you can:

• Brand assets: logo files, colors, fonts, brand guidelines if you have them.
• Content: page copy, product descriptions, team bios, FAQs, legal pages.
• Images: high-quality product and lifestyle photography; stock imagery only where needed.
• Examples: three to five sites you like and why, plus competitors.
• Accounts and access: domain registrar, platform account, analytics, email marketing tool, payment provider.
• One decision-maker: a single person who consolidates feedback and approves each stage.

Make sure accounts are in your company's name. Your platform, domain, and data should belong to you, not to whoever builds the site.

How long does the process take?

Small brochure sites often take a few weeks; larger sites and online stores commonly take one to three months. The biggest delays usually come from waiting on content and feedback, not from design or development. For store timelines specifically, see how long it takes to build a Shopify store.

How we can help

Our process follows the same shape: you book a discovery call, fill in our design questionnaire, and receive a first design version in under a week, with up to three revision rounds before development and launch. We set everything up under your own accounts. See our Shopify store design service or web design for simpler non-Shopify sites.