A clear web design process is the difference between a project that feels calm and one that drags on for months. Most of the consultants who call us have been through at least one website project that went sideways. Nobody was lazy. There just was no shared plan, so every week brought a new surprise.
A security consultant told us his last project stalled for four months because nobody knew who was writing the service pages. An executive coach had approved a homepage design, then learned it could not be built on her platform. Both problems were avoidable with a better process.
This post walks through the exact steps we follow at Design Fly 24, what we need from you at each one and where projects usually slow down. Even if you never hire us, you can use it to judge any agency’s plan.
- A good web design process has named stages, clear owners and approval points you can see in advance.
- Strategy and content come before design. Pretty pages built on fuzzy messaging rarely bring in work.
- Wireframes save time because you agree on structure before anyone argues about colors.
- Testing and launch deserve their own stage, with a checklist, not a rushed afternoon.
- The web design process does not end at launch. Care, updates and small improvements keep the site working.
Why the web design process matters more than the design
Clients usually judge an agency on its portfolio. That makes sense, but the portfolio only shows you the finished result. It tells you nothing about the months in between: how decisions were made, how feedback was handled, what happened when content was late.
The web design process is what protects your time. You are running a practice. You do not have hours every week to chase updates or rewrite pages three times. A good process tells you exactly when you are needed and when you can step away.
It also protects the result. When strategy, content and structure are agreed in order, the design has something solid to sit on. When they are skipped, you end up with a beautiful site that does not say the right things to the right buyer.
The web design process at a glance
Here is the whole web design process in one table. Timelines vary with scope and with how quickly content and approvals come in, so treat these as typical ranges for a consultant or small firm site rather than promises.
| Stage | What happens | What we need from you | Typical length |
|---|---|---|---|
| 1. Discovery | Goals, buyers, services, competitors | A call and a short questionnaire | About a week |
| 2. Strategy and sitemap | Page list, user paths, SEO plan | Review and approve | About a week |
| 3. Content | Copy, photos, proof, credentials | Interviews, materials, feedback | Two to four weeks |
| 4. Wireframes | Page structure without styling | Approve layout | About a week |
| 5. Visual design | Colors, type, imagery, key pages | Feedback rounds | One to two weeks |
| 6. Development | Build, CMS setup, integrations | Very little | Two to three weeks |
| 7. Testing and launch | QA, SEO checks, go live | Final review | About a week |
| 8. Care and growth | Updates, backups, improvements | Occasional requests | Ongoing |
Some stages of the web design process overlap. Content often continues while wireframes are being drawn, and development can start on simple pages while the last design details are settled.
Step 1. Discovery: understanding the business first
Every web design process should start with listening. Before we draw a single box in the web design process, we want to understand how you win work today and who you are trying to reach.
In discovery we ask about:
- Your buyers. Who signs the contract? A school superintendent, an HR director, an in house counsel, a conference organizer?
- How they find you. Referrals, LinkedIn, search, speaking, past clients?
- What they need to see. Credentials, case studies, a CV, video, a capability statement?
- Your services and priorities. Which work do you want more of, and which would you rather phase out?
- What exists now. Your current site, analytics, brand assets and any pages that already rank in search.
- Competitors and peers. Who do buyers compare you with?
This is the stage where many problems are solved before they appear. If a client tells us half their work comes from attorneys checking credentials, we know the site needs a fast, clean path to the CV and engagement details, the way a good expert witness website does.
Step 2. Strategy, sitemap and SEO plan
Next in the web design process, we turn discovery notes into a plan. This part of the web design process produces a short document, not a thick report.
What the strategy covers
- The sitemap. A list of every page and how they connect.
- The main path. What a buyer should do on each key page, usually leading to a call or inquiry.
- Messaging priorities. The two or three things every visitor must understand about you.
- SEO basics. The search terms each main page should target, informed by keyword research.
- Redirect plan. If you have an existing site, which old URLs map to which new ones, so you do not lose search visibility.
We keep the sitemap lean. Most consultants do not need thirty pages. A strong homepage, focused service pages, an about page that builds trust, proof, insights and a contact page will do most of the work.
Step 3. Content: the stage that decides the timeline
If you remember one thing about the web design process, make it this: content is almost always the bottleneck. Designs wait for words. Developers wait for photos. Launch dates slip because a bio is still in draft.
That is why we start content early, often in parallel with strategy. Depending on the project, we either write the copy from interviews with you or edit and shape copy you provide.
What usually needs gathering
- Service descriptions in plain language
- Your story and credentials for the about page (our guide on how to write an about page helps here)
- Case studies, testimonials or anonymous client descriptions
- Professional photos, ideally real ones rather than stock
- Logos of organizations you have worked with, if you have permission
- Media mentions, publications, speaking history
- Calls to action and contact details
A twenty minute interview often gives us more usable material than a month of a client trying to write alone. You talk the way you would to a prospect, and we turn it into pages that sound like you.
Quick tip: Book your headshot session as soon as the project starts. Photos are one of the most common reasons a web design process stalls near the finish line.
Step 4. Wireframes: agreeing on structure
Wireframes are simple gray layouts that show what goes where on each key page. No colors, no fonts, no photos. Just the order of sections and the main content in each.
This step in the web design process feels plain, and that is exactly the point. When the page has no styling, everyone focuses on the right questions. Is the main service clear in the first screen? Is proof close to the call to action? Does a busy buyer find the contact button without scrolling forever?
It is far easier to move a box in a wireframe than to rework a finished design. We usually wireframe the homepage, one service page and any unusual page, such as a speaker topics page or a resources library. Our homepage design best practices guide explains what we look for in that first screen.
Step 5. Visual design: making it look like you
Now the web design process gets visual. We apply your brand to the approved wireframes: colors, typography, imagery, icons and spacing. If you do not have a solid brand yet, this is where our brand identity design work fits in.
We usually design the homepage first and present it with a short walkthrough explaining each choice. Once that direction is approved, we design the remaining key templates in the same style.
How to give useful design feedback
- Respond to the goal, not just taste. “This does not feel serious enough for hospital clients” helps more than “I do not like blue.”
- Collect feedback in one place. One consolidated list is far easier than six emails.
- Name one decision maker. Partners can contribute, but one person should approve.
- Look on your phone too. Most buyers will.
Good feedback describes a problem. Great feedback describes the buyer who will feel it.
Want to see this process in action?We can walk you through a recent project from discovery to launch and show you what yours would look like.
Step 6. Development: building the real site
With designs approved, development turns them into a working site. This is the quietest stage of the web design process for you. Most of the work happens behind the scenes.
During development we:
- Set up the platform, usually WordPress, though we also build on Webflow, Squarespace, Shopify and others when they fit better
- Build page templates so you can add new pages that match the design
- Make every layout responsive and mobile friendly
- Add forms, booking tools, newsletter signup and any integrations
- Set up SEO foundations: titles, descriptions, headings, schema and clean URLs
- Optimize images and code so pages load quickly
- Install analytics and connect Google Search Console
We share a staging link during this stage so you can watch the site come together. You will not need to do much, but it helps to look in once or twice and flag anything that surprises you.
Step 7. Testing and launch
Launch is not a button. It is a stage of the web design process with its own checklist, and rushing it is where good projects get embarrassing. Our technical SEO checklist covers the search side in detail, but here is the short version.
Before launch
- Test every page on desktop, tablet and phone in the main browsers
- Submit every form and confirm the emails arrive
- Check all links, buttons and downloads
- Proofread every page one last time
- Check basic accessibility like contrast, alt text and keyboard use, using the W3C easy checks as a guide
- Run speed tests and fix the obvious problems
- Set up redirects from old URLs
Launch day and the week after
- Point the domain, confirm SSL and check the live site
- Submit the sitemap in Search Console
- Watch for errors, broken links and form issues for a few days
- Update your LinkedIn profile, email signature and directory listings with the new site
We prefer to end the web design process with a launch early in the week. If anything small goes wrong, everyone is around to fix it, rather than discovering it on a Friday evening.
Step 8. Care, training and growth
A lot of agencies treat launch as the end of the web design process. We think of it as the start of the site’s working life.
Before we hand over, we train you on the everyday tasks: adding a blog post, updating a bio, adding an event, swapping a photo. You get a short guide and all the logins. You own your domain, hosting, content and site.
After launch, the site needs regular care. Plugins and themes need updates, backups need to run and security needs watching. Our WordPress maintenance services handle that so you do not have to think about it. Over time we look at analytics and suggest small improvements: a clearer call to action, a new case study, a page for a service that keeps coming up in calls.
Where the web design process usually slows down
After many projects, the patterns are clear. These are the most common reasons a web design process takes longer than planned:
- Content arrives late. By far the biggest one.
- Too many reviewers. Feedback from several partners that conflicts.
- Scope creep. New pages or features added mid project without adjusting the plan.
- Slow approvals. A review that should take two days takes two weeks.
- Missing access. Nobody can find the login to the domain registrar or old hosting.
- Photos. A shoot that keeps getting rescheduled.
Almost all of these are fixable with a little planning at the start of the web design process. Gather logins in week one, book photos early, name one decision maker and block a little time in your calendar for each review.
How to tell if an agency’s web design process is solid
If you are comparing agencies, ask each one to walk you through their web design process. Listen for:
- Named stages with clear outputs
- Strategy and content before visual design
- Wireframes or some form of structure review
- A defined number of feedback rounds
- A real testing stage, not “we check it before launch”
- A plan for SEO, redirects and analytics
- Training and a clean handover, with you owning everything
- Clear support options after launch
If an agency cannot describe its web design process in a few minutes, that is a warning sign. Our website redesign checklist has more questions to ask.
The web design process for consultants and experts
A consultant’s site has a narrow job: help a cautious buyer trust you enough to get in touch. That shapes our web design process in a few specific ways.
- Proof gets planned early. We decide where case studies, credentials and testimonials go during strategy, not as an afterthought.
- Confidentiality is respected. Many security, HR and legal clients cannot be named, so we plan anonymous proof from the start.
- The person matters. For solo experts, the about page and photography carry a lot of weight.
- LinkedIn and the site match. We often align the site with your profile through our LinkedIn profile optimization work.
Sites we have built like schoolsecurity.org, josephpaulmanley.com and paulrgormley.com all went through this same web design process, adjusted to each client’s buyers. You can see more in our work, and our consultant website design guide goes deeper into what those sites need.
Frequently asked questions
How long does the web design process take?
For most consultant and small firm sites, the web design process takes several weeks to a few months. The biggest factor is how quickly content and feedback come in. With materials ready and quick approvals, things move much faster.
What do I need to prepare before the web design process starts?
Logins for your domain and current hosting, your logo and brand files, any existing copy, a list of services, testimonials or case studies and good photos if you have them. Do not worry if some of this is missing. We plan for it in discovery.
Do you write the content or do I?
Either works. Many clients prefer that we interview them and write the first draft, then they edit. Others write their own copy and we shape it for the web. We agree on this at the start so nobody is waiting on the other.
Can I make changes after the site launches?
Yes. We train you to handle everyday updates yourself, and we are available for bigger changes or ongoing care through a maintenance plan.
How much does a website cost?
It depends on scope: the number of pages, whether we write the copy, any special features and support after launch. A short call is the quickest way to get a clear answer for your project.
Let’s plan your site together
A good web design process should make the project feel predictable. You should know what happens next, what is expected of you and when the site will go live.
Design Fly 24 is a New York web design agency that works with consultants, experts and small professional firms across the US. Take a look at our website design services, or contact us to book a short call. We will listen to what you need and sketch out how the web design process would work for your site.
