I run every website through six phases: brief, discovery, structure, design, build, and handoff. Each phase ends with one thing the client signs off on before the next begins. That single habit is what keeps a three-month project from quietly becoming a nine-month one.
What are the six phases of a web design process?
Last spring a bakery owner hired me to finish a site another freelancer had abandoned at about 60 percent. The Webflow project had three fonts, no sitemap, and a homepage with five competing buttons. Nobody could say what the second page was supposed to be. It stalled because there was no order to the work, so every decision reopened a decision made the week before.
A web design process is the fixed sequence of stages a site moves through from first conversation to live launch. Mine has six. Each one produces something specific, and the client approves it before I start the next.
| Phase | What I produce | Rough timeline |
|---|---|---|
| Brief | Scope, goals, budget, audience | 3 to 5 days |
| Discovery | Content audit, sitemap, references | 1 to 2 weeks |
| Structure | Wireframes, page priorities | 1 week |
| Design | High-fidelity mockups | 2 to 3 weeks |
| Build | Responsive coded site | 2 to 4 weeks |
| Handoff | Training, docs, launch | 1 week |
For a standard small business site, that adds up to roughly 8 to 11 weeks. A one-page site can run three. A site with custom functionality runs longer.
What goes in a website brief?
A brief is the short document that defines what we are building, why, and for whom. I keep mine to two pages. It covers the business goal in plain language, the people the site needs to reach, a rough page count, the budget range, and who on the client side has final say.
That last item saves the most pain. When five people give feedback and none of them owns the decision, design rounds multiply. I name one approver in the brief and everyone agrees to it up front.
The most common mistake here is skipping the budget conversation. A client who wants a 12-page site with booking and a member login on a $3,000 budget needs to hear that early, not after I have sent a proposal. I would rather lose a project in week one than disappoint someone in week eight.
What happens during discovery?
Discovery is where I figure out what the site actually needs to contain. I audit the existing content, list every page, and turn that into a sitemap. I also collect three to five reference sites the client likes and, just as useful, two they hate.
The bakery project taught me to do the content audit before anything else. We found 40 blog posts nobody had read in two years and a menu that was eight months out of date. Half my early work is deciding what to delete.
Most clients underestimate content. They think the site is the hard part and the words will appear later. The words are the hard part. I tell clients to start writing or gathering copy during discovery, because an empty design template is easy and a real page with real text is where the project either moves or stops.
How do you structure a site before designing it?
I wireframe. Wireframes are gray boxes that show where things go without any color, font, or imagery to argue about. They answer one question per page: what is this page for, and what should someone do on it.
This is the cheapest place to make changes. Moving a section in a wireframe takes five minutes. Moving it after the homepage is designed and coded takes half a day and reopens spacing, imagery, and responsive behavior. I get sign-off on structure before I open a design tool.
When does visual design start?
Design happens once the structure is approved. I build high-fidelity mockups in Figma, usually starting with the homepage and one interior template, since most pages reuse the same patterns. A Figma Professional seat runs around $16 per editor per month, which is the main software cost on most of my projects.
I include two rounds of revision in the quote. Round one is broad: typography, color, overall feel. Round two is fine: spacing, button states, the small things. Open-ended revisions are how budgets disappear, so I cap them and charge for more if a client wants to keep going.
What does the build phase involve?
Build is where the approved design becomes a working site. Depending on the project that means hand-coded HTML and CSS, a Webflow build, or a WordPress theme. I test on real devices. The browser resize handle does not count. I check load speed, run the pages through Lighthouse, and fix anything that drags the score down. I also handle the accessibility basics: real heading order, alt text, color contrast that passes, keyboard navigation that works.
A site that looks finished in the browser and falls apart on a $200 Android phone is not finished. About 60 percent of web traffic is mobile, so I design and test for it as the default.
What is included in handoff?
Handoff is the phase most freelancers skip, and it is why so many clients feel stranded after launch. I hand over the live site, the logins, and a short written guide for the things they will actually do: edit a page, add a blog post, swap a photo. I record a 15-minute screen walkthrough so they have it after I am gone.
I include 30 days of support after launch for small fixes and questions. After that I offer a maintenance plan or hand them a clean enough build that another developer can pick it up without cursing my name.
How long does a web design project take?
A typical small business site takes 8 to 11 weeks from signed brief to launch, assuming the client gets me content on time. Content delays are the number one reason projects run late. Design and development rarely are. If I am waiting on copy for three weeks, the project sits for three weeks.
Do you need all six phases for a small site?
Yes, but they compress. A one-page site still needs a brief, a sitemap of sections, a wireframe, a design, a build, and a handoff. Each phase might take a day instead of a week. The order matters more than the length.
What if the client does not have content ready?
I start discovery anyway and build the content list as a homework assignment with deadlines. I will write copy if they want that as a paid add-on. What I will not do is design around placeholder text and hope the real words fit later. They never do.
Can you skip the wireframe stage?
You can, and I sometimes do for a tiny project with an obvious layout. On anything with more than four or five pages, skipping wireframes moves structural arguments into the design phase, where they cost real time. The gray boxes are boring. They are also the cheapest insurance in the whole process.
If you are about to start a project, write the two-page brief first. Name your goal, your budget range, and the one person who gets final say. That single page will tell you, and any designer you hire, whether the project is ready to begin.
Get your website designed before you pay. Subsecond Studio designs and builds websites, web apps, and AI tools, and you approve the design before any payment. Get an estimate