The web design process, step by step

The web design process is the fixed route an agency or freelancer follows to take a website from idea to launch. Each step produces one result, you approve it, and the next step builds on it.

The order exists for a reason. Changing a line on a sitemap takes a minute. Changing the same thing after the site is built takes days. So the early steps settle the big decisions while changes are still cheap.

This guide walks through each step: what happens, who does the work, how long it takes and what you deliver. The durations come from a timeline guide that the New York agency iDesign Group published in May 2026.

Here are the eight web design process steps in order. Agencies use different names for them, and some merge two steps into one. The work behind the names is the same everywhere.

1. 1. DiscoveryThe agency learns your business, your customers and your goals, and writes them down in a brief.
2. 2. Sitemap and contentYou agree on the list of pages, and someone writes the text and gathers the photos.
3. 3. WireframesSimple line drawings show what goes where on each type of page.
4. 4. Visual designThe designer adds your brand: colors, typefaces, images and motion.
5. 5. BuildA developer turns the approved design into working pages.
6. 6. TestingThe team checks every page, form and device before visitors arrive.
7. 7. LaunchThe site goes live on your domain and the old addresses are redirected.
8. 8. UpkeepUpdates, backups, small changes and ongoing work on your visibility.

Discovery is the research step. In one or two meetings the agency asks what the site has to achieve, who your best customers are, what they ask before they buy and which competitors they compare you with.

A strategist or project lead runs this step. The result is a written brief: the goal of the site, the target audience, the features it needs and the scope, meaning the exact list of what is included in the price.

You deliver access and answers: your current analytics, your logo and brand files, examples of sites you like, and one person with the authority to decide. iDesign Group puts discovery at two to four weeks.

Skipping this step is the most expensive shortcut in a project. A team that starts designing before the goal is clear ends up redesigning later, at your cost or at the cost of the deadline.

A sitemap is a diagram of every page and how the pages link together. It answers a simple question: which pages does a visitor need to go from first visit to inquiry?

A good sitemap for a service business gives each service its own page, and each service area too. That structure helps visitors and it gives search engines a clear page for each search.

Content is written alongside. A copywriter interviews you and drafts each page, or you write the text yourself with guidance. Photos, reviews, prices and team details are collected in the same weeks.

This is the heaviest step for you as a client. iDesign Group counts four to eight weeks of content production for a 15-page site, usually in parallel with design. Plan time in your own calendar for interviews and reviews.

A wireframe is a plain sketch of a page in boxes and lines. It shows the order of the blocks: headline, proof, services, reviews, contact. Colors and photos are left out on purpose.

That plainness keeps the discussion on the right question. You judge whether a visitor finds the phone number, understands the offer and sees a clear next step, before anyone has an opinion about a shade of blue.

A user experience designer, often shortened to UX designer, draws the wireframes for the homepage and for each page type. You review them, ideally on a phone as well as a laptop. iDesign Group puts this step at one to three weeks.

In the visual design step the wireframes get their final look. The designer applies your logo, colors and typefaces, chooses or commissions images and designs the details: buttons, forms, icons and movement.

You usually see the homepage first, followed by the inner pages once the direction is approved. Designs are presented as mockups, static pictures of the future site, or as a clickable prototype you can tap through.

Your job is clear feedback. Collect remarks from everyone in your company and send them in one message. iDesign Group calls two to three revision rounds normal and puts the design step at three to six weeks.

The website development process turns approved designs into real pages. A front-end developer codes what visitors see. A back-end developer connects what runs behind it, such as forms, a booking system or a content management system.

A content management system, or CMS, is the screen where you edit text and images yourself. WordPress is the best-known example. Other teams build on a website builder or write the code by hand.

During the build the real text and images go into the pages. This is where late content hurts most: a developer can only finish a page once its content exists.

You deliver logins for your domain name and for tools the site connects to, such as your calendar or your email platform. iDesign Group puts development at three to eight weeks, depending on custom features.

Before launch the team tests the site on a private address. A tester opens every page on several phones, tablets and browsers, submits every form and clicks every link.

Speed is measured too. Google publishes three Core Web Vitals for real user experience: the main content loads within 2.5 seconds, the page responds to a tap within 200 milliseconds, and the layout stays stable while loading.

The search basics are checked: a unique title and description on each page, working redirects, and a sitemap file for search engines. Accessibility gets a pass as well, so people using a keyboard or screen reader can use the site.

You take part by testing as a customer would. Book an appointment, request a quote and read every page once more. iDesign Group puts testing at one to two weeks.

Launch day is a short technical routine. The domain name is pointed to the new site, a security certificate is activated so the address starts with https, and analytics is switched on.

For a redesign, redirects matter most. Each old address is sent to its new page with a 301 redirect, a permanent forward. That keeps the visitors and the search positions your old pages earned.

After launch the team submits the sitemap in Google Search Console, the free tool that shows how Google sees your site. iDesign Group counts one to two weeks for launch and the stabilization that follows, when small issues are fixed.

A website is finished on launch day in the same way a shop is finished on opening day. From then on it needs care: software updates, backups, security checks and small content changes.

The second half of upkeep is growth. Real visitor data shows which pages attract people and where they leave. New pages answer the questions customers keep asking. Search work builds your visibility month after month.

Agree before the build who handles upkeep and what it costs. Some agencies include it in a monthly fee, others bill by the hour. Ask how fast a small change, such as new opening hours, gets done.

How long does it take to build a website at a typical agency? The table shows the duration of each step according to iDesign Group's 2026 guide, with what you deliver in that step.

The same guide puts a more complex site, with a shop, custom features or many integrations, at 16 to 28 weeks. It advises adding a buffer of 20 to 30 percent to any quoted timeline.

A template site of about five pages can be ready in a few weeks, since the design step is mostly skipped. The time you spend each week is our own estimate and differs per project.

Most delays in a website design process come from the same few places. iDesign Group names these causes in its 2026 guide.

1. Late contentText and photos arrive weeks after the agreed date. Design and build wait, and the team moves on to other clients in the meantime.
2. Unclear decision makingThree people give feedback and each one wants something different. Appoint one person who collects opinions and decides.
3. Slow approvalsA design waits ten days for a reply. iDesign Group calls a feedback turnaround of about 48 hours reasonable.
4. Growing scopeNew pages and features are added halfway. Each addition is fair to ask for, and each one moves the launch date.
5. Too many revision roundsFive or more rounds on one design usually mean the goal was left open in discovery.

The pattern is clear: the agency controls the craft, and the client controls much of the calendar. A project that starts with complete content and one decision maker often finishes weeks earlier.

A smooth web design workflow depends on a few habits on your side. They cost little time and they save weeks.

1. Gather material before kickoffLogo files, brand colors, photos of your work and team, reviews, a list of services with prices or price ranges.
2. Write down your customers' questionsThe ten questions you hear most on the phone become the backbone of your pages.
3. Name one decision makerOne person approves each step. Others give input to that person.
4. Reply within two working daysBlock a fixed hour each week for the project, so feedback goes out on time.
5. Bundle your feedbackOne complete message per round, with concrete remarks per page.
6. Freeze the scopePark new ideas on a list for after launch, when real visitor data shows which ones matter.

The eight steps above describe the waterfall method: each step is completed and approved before the next one starts. It is predictable, and it fits a site with a clear scope.

Agile is the alternative. The team works in short rounds called sprints, often two weeks each, and delivers a working part of the site every round. You see real pages early and adjust along the way.

Many agencies mix the two: fixed steps up to the approved design, then a build in sprints. Ask which method your agency uses, since it decides when you see something real for the first time.

In the classic process you sign and pay a deposit after a pitch, and you see your website months later. Every step asks for your trust before you have seen the result.

We turned that order around. Delta Six builds your complete custom website first, at our own cost. Research, structure, text, design and code are done before you decide anything.

1. You tell us about your businessYour trade, your brand and your customers. That takes a few minutes online.
2. We build the complete websiteEvery page, for desktop and phone, in hand-written code on our own platform.
3. You see it in a 15-minute online showcaseWe walk through the finished site together in a video call at a time that suits you.
4. Live within two weeksChoose us and your website is live within two weeks. You only pay when you're happy.

The steps of the classic process still happen. We carry them out up front and at our own risk, so the weeks of waiting on approvals fall away.

Two months after launch you choose again. Stop after two improvement rounds and you get your money back. Upkeep, monthly SEO and optimization for AI search are included as standard.

• Write down the main goal of your new website in one sentence.
• List your services, service areas and the ten questions customers ask most.
• Collect logo files, brand colors, photos and reviews in one shared folder.
• Appoint one decision maker for the whole project.
• Ask the agency which steps it follows and what you approve at the end of each one.
• Ask for a timeline per step with dates, and add a buffer of 20 to 30 percent.
• Agree who writes the text and when the content is due.
• Agree on the number of revision rounds for the design.
• Block a fixed hour each week for feedback and reply within two working days.
• Keep a list of new ideas for after launch.
• Test the site yourself on your phone before launch: book, call and request a quote.
• Check that every old address redirects to a new page on launch day.
• Agree who handles upkeep and what it costs before the build starts.