Web Design Process for Clients: 8 Steps + Templates

Why Clients Need to See Your Web Design Process

A visible process stops disputes before they start. When a plumber or hairdresser hires a freelancer, the biggest fear isn't price, it's losing control of something they don't understand. A written sequence, shared upfront, tells them exactly when they'll see drafts, how many changes they get, and when the site goes live.

This matters more for local-business clients than for enterprise ones. A marketing manager at a mid-size company has sat through a dozen web projects. A Handwerker who's never hired a designer hasn't. Without a visible structure, they'll assume "revisions" means unlimited tweaking forever, and you'll end up redesigning a homepage five times for a $900 job.

The process below has eight steps instead of the 7 or 10 you'll see elsewhere. That's deliberate: feedback and revision rounds get their own step because that's where most freelancer projects actually lose money.

*Related: How to Sell Web Design Services: 2026 Playbook*

*Related: Sample Web Design Proposal: Free Template & Example*

Step 1: Discovery Call & Client Questionnaire

The discovery call's job is simple: find out what the business actually does, who it serves, and what exists already. Skip this and you'll be guessing at services, service area, and tone, which guarantees a second round of "actually, we also do..." two weeks in.

Run it as a 30-minute call plus a short written questionnaire the client fills in before or after. Don't make it a 40-question form, nobody fills that out. Ten focused questions beat thirty vague ones.

Questions for businesses with no existing website

These clients often need the most guidance, because they have no reference point for what's normal.

• What services do you offer, ranked by profitability, not just popularity?
• What's your service area? One town, a 30-mile radius, statewide?
• Do you have a logo, brand colors, or just a truck wrap and a Facebook page?
• Can you send 10-15 real photos of your work, not stock images?
• Who refers you business right now? Word of mouth, Google, Facebook groups?
• What do competitors' sites get wrong that annoys you?

If you're selling to this exact segment, cold outreach to plumbers, electricians, salons with no site at all, the approach to the call is different from a redesign pitch. Read how to find and sell to local businesses without a website for the outreach angle before you even get to the questionnaire stage.

Questions for redesign projects

Redesign clients come with baggage: an existing site, existing opinions, and usually some analytics.

• What's working on the current site? (Don't skip this, it's tempting to assume everything is bad.)
• What specifically made you want a new one, slow load times, outdated look, no mobile version?
• Do you have access to the current domain registrar and hosting account?
• Any pages getting real traffic you can't afford to lose?
• Who else needs to approve the design, just you or a business partner too?

Step 2: Proposal, Pricing & Contract

A proposal should take you 20 minutes to write, not two hours, because the questionnaire already did the thinking. It needs three things: scope of work, price, and a revision clause. Miss the revision clause and you've written yourself an unpaid part-time job.

Pricing for local-business sites varies more by region and package than by raw page count. A five-page site with copywriting and photo editing included runs differently than a bare-bones template swap. For concrete numbers and what to charge for a Handwerker-style site, see what a website actually costs a tradesperson, which breaks down realistic ranges instead of the "it depends" non-answer most quotes give.

The scope-of-work section is where scope creep dies or thrives. Write it specifically: "5 pages (Home, Services, About, Gallery, Contact), up to 3 revision rounds, 1 round of content edits, delivery within 10 business days of receiving all content and photos." Vague scope like "a modern, professional website" invites disputes later, because "modern" means nothing in court or in a Slack argument.

If you're formalizing a side hustle into something you treat as a real business, the contract step is usually the one people skip first and regret most. This guide for part-time web designers covers what a minimal but enforceable contract needs even for a $500 project.

Step 3: Research, Sitemap & Content Planning

A local-business site doesn't need an information-architecture workshop. Most need five to six pages: Home, Services, About, Gallery or Portfolio, and Contact. Maybe a Reviews or Pricing page if the client insists. That's it.

Resist the urge to apply enterprise IA thinking here. A sitemap for a roofer isn't a 40-node diagram, it's a half-page list you can text the client for approval. Spend your planning time instead on content: what photos exist, what text needs writing, whether the client has testimonials you can quote.

For a breakdown of which pages and elements local businesses actually convert on, versus which ones just look good in a portfolio, see what good business web design includes. Skip the blog section if the client won't write for it. An empty blog with one post from 2023 hurts credibility more than no blog at all.

Step 4: Wireframing & Design, and How AI Changes This Step

This is the step AI tools have compressed the most, and it's worth being specific about how.

Traditional wireframe-first approach

The traditional sequence is wireframe, then mockup, then build. A designer sketches boxes for layout (often in Figma or on paper), gets sign-off on structure, then applies colors, fonts, and imagery in a second pass, then hands that to a developer or themselves to build. For a complex site this separation makes sense: you don't want to argue about button color while structure is still unresolved.

For a five-page local-business site, this takes two to five days and produces two rounds of client review before a single real page exists. That's two to five days of billed or unbilled time before the client sees anything they can click through.

AI-draft-first approach

AI website generators skip the wireframe stage entirely by producing a clickable draft directly from business information. Instead of a box diagram, the client gets a live preview link with their own services, service area, and (ideally) their own photos already placed. They're reacting to something real, not imagining what gray boxes will become.

LumaSite, for example, finds local businesses and generates a hostable draft site with a shareable preview link in minutes, not days, by pulling in the business's existing information rather than starting from a blank canvas. For a freelancer, that means the discovery call and the first design review can happen in the same week, sometimes the same day. The client isn't approving a wireframe concept, they're approving (or rejecting) something close to the finished product.

This doesn't eliminate design judgment, someone still needs to check layout, fix spacing, swap weak photo choices, and apply a consistent style guide. But it removes the slowest, least billable phase of the old sequence: building a mockup from nothing before you know if the client even likes the direction.

Step 5: Development, Feedback & Revision Rounds

Cap revisions at two to three rounds, written into the contract from Step 2, and charge separately for anything beyond that. This single rule prevents more freelancer burnout than any pricing strategy.

Round one should address structure and content accuracy: wrong phone number, missing service, bad photo crop. Round two handles polish: colors, spacing, wording tweaks. A third round, if included, is for final nitpicks only, not new page requests. If a client wants a new page added in round two, that's a change order, not a revision, and it gets its own line item.

A feedback-request email template that actually gets usable responses:

> >

Charging for extra rounds works best as a flat add-on, not an hourly threat. "$75 per additional revision round beyond the included rounds" is clearer and less adversarial than billing by the hour for every email.

Step 6: Testing, Launch & Handover

Testing a five-page local-business site takes under an hour if you've got a checklist, so build one and reuse it every time.

Launch from a staging site whenever possible, not directly on the live domain, so a broken form or missing image never shows up to a real customer mid-fix. Handover means giving the client (or keeping, if you manage it) login credentials for the domain registrar, hosting account, and any CMS, documented in a single shared doc, not scattered across old emails.

Local SEO basics belong here too: a Google Business Profile linked to the site, NAP (name, address, phone) consistency across both, and a sitemap submitted to Google Search Console. None of this is optional "extra," it's part of a finished launch.

Step 7: Post-Launch Support & Upsell Opportunities

A maintenance retainer turns a one-time $1,200 project into recurring revenue, and most local-business clients will say yes if you ask at the right moment, right after launch, while they're still relieved it's done. $40 to $100 a month for hosting, uptime monitoring, and occasional small edits is a realistic range for a single five-page site.

Beyond maintenance, the natural upsells are local SEO add-ons (Google Business Profile optimization, review-request automation) and seasonal content updates. The real business model for freelancers selling to local businesses isn't one big project, it's one client becoming three years of small recurring invoices, plus a referral to the plumber down the street.

Honest Expectations: When to Shorten the Process (and When Not To)

A rigid 10-step process is overkill for a $900 salon website, and pretending otherwise wastes everyone's time. Here's what's safe to compress and what isn't.

Safe to skip or merge for small local jobs:

• A separate wireframe phase, if you're using an AI draft generator or a proven template structure you've reused before.
• A formal sitemap document, a one-paragraph list of pages is fine.
• Multiple proposal revisions, send one clear proposal, not three drafts back and forth.

Never skip, even on a $500 job:

• The contract. "It's just a small site" is exactly when disputes happen, because there's no paper trail when the client decides they wanted something different.
• A written revision cap. Verbal agreements about "a couple rounds" always get reinterpreted in the client's favor.
• At least one QA pass before launch. A broken contact form on a plumber's site means lost calls, and that's the one thing they'll remember about your work.

What doesn't work: assuming a faster process means lower quality tolerance from the client. Local-business owners judge a $900 site by the same standard they'd judge a $9,000 one, does it work, does it look legitimate, does the phone number connect. Speed from AI drafts or template reuse should buy you time for QA and photo selection, not an excuse to skip them.

FAQ

What are the 7 steps to web design?

A condensed version usually runs: discovery, planning, sitemap, design, development, testing, launch. This guide uses 8 steps because it splits feedback and revision rounds out as their own phase, since that's where most freelancer time and money actually goes on local-business projects.

What are the 7 C's of website design?

The 7 C's of effective website design, introduced by Rayport and Jaworski, include Context, Content, Community, Customization, Communication, Connection, and Commerce, a framework for thinking about what a site needs to serve its audience rather than just look good. Most of them map directly onto the discovery call (Context) and the design phase (Content, Customization) described above.

How to design websites for clients?

Follow a repeatable sequence, discovery, proposal, planning, design, build, feedback, test, launch, and lean on templates for each client-facing step rather than reinventing emails and questionnaires every time. Communication templates matter more than raw design skill for client retention; a technically decent site with clear, predictable communication beats a beautiful one delivered chaotically.

What are the 7 stages of web development?

Web development stages refer to the technical, coding-focused side: information gathering, planning, design, content, coding/building, testing and launch, and maintenance, which overlaps with but isn't identical to the client-facing web design process. The design process described in this guide is what the client experiences; development stages are what happens on the technical side during steps 4 through 6.

How many revision rounds should I offer clients?

Two to three rounds, written explicitly into the contract or proposal, with a flat fee (commonly $50-100) for any round beyond that. Anything unlimited or vague invites endless small tweaks that eat margin on fixed-price projects.

Does the process change when I use an AI website generator?

Yes: discovery, wireframing, and initial design compress into a single step, because the client reacts to a live preview link instead of a gray-box wireframe. Tools like LumaSite generate that preview directly from the business's existing information, which lets the feedback conversation start within hours of the discovery call instead of days later.

Keep reading

Guides

How to Sell Websites to Local Businesses in 2026: The Honest 5-Step Guide

Guides

Businesses Without Websites: How to Find, Verify and Pitch Them (2026)

Guides

Average Cost of Website Design for Small Business (2026)

Guides

Best Free Website Builder 2026: Full Comparison + Agency Use