Website design process and timeline – from free demo to launch

The website design process in six steps

Agencies name the stages differently, but the website design process is much the same everywhere. Knowing the big picture first makes it easier to compare quotes and plan your side of the work.

• Discovery: share the goal, the audience, the pages you need, the budget and your target launch date
• Structure (sitemap): list the pages and plan the route to an inquiry, booking or purchase
• Design: settle the direction on the home page – colors, photos and type
• Content: gather copy, photos, logo files and price lists page by page
• Build and test: mobile layout, forms, speed and tracking tags, checked on a staging site
• Launch and growth: switch the domain, go live, then improve based on visits and inquiries

The stages that usually take longest are agreeing on structure and design, and preparing the copy. Settle those two early and the whole project gets shorter. For the bigger picture on choosing a partner, see our page on website production.

Typical website timelines by project size

How long a website takes depends on the number of pages, the features and how ready your materials are. Typical ranges look like this:

• Small site, 1–5 pages: about one month – a shop, salon or freelance business profile
• Company site, 10–20 pages: two to three months – services, about, careers, news
• Online store on Shopify or BASE: one to three months, depending on product count, payment and shipping setup and product photos
• Sites with booking or member features, or large sites: typically three months or more

Plan backwards from your launch date. If you are opening a shop or running a campaign, set the copy deadline three to four weeks before launch and keep the last one to two weeks for checks and fixes.

A redesign follows the same steps, plus an audit of existing pages and URL redirects, so allow one or two extra weeks compared with a new site.

What to prepare at each stage

Some work can be left to the builder; some things only you can provide. Keep this checklist handy and you will cut down the back-and-forth.

• Before discovery: one main goal, two or three sites you like, a target launch date, and who decides internally
• Before structure: a list of services or products, questions customers often ask, how you handle inquiries (phone, form, LINE)
• Before design: logo files (AI or SVG if possible, otherwise a high-resolution PNG), brand colors, photos you want to use
• Before the build: copy for each page, prices, company details, a privacy policy and, for online sales, the legally required seller information page
• Before launch: domain and hosting details, a check of email settings, and the Google account for GA4 and Search Console

You do not need everything on day one. What matters is that each item has an owner and a date. Without that, work keeps moving while the launch date quietly gets closer.

Handover and launch: what to check

Handover means more than "the site is online". Agree in advance on what you receive and what gets checked, so nothing surprises you after launch.

• Ownership: the domain, hosting, CMS, GA4 and Google Business Profile are registered in your name
• Admin access: you have the logins and have tried replacing a news post or an image yourself
• Function: mobile and desktop layout, form submissions and notification emails, broken links, SSL
• Search and tracking: titles and descriptions for each page, a submitted sitemap, working tracking tags
• Support after launch: how long bug fixes are covered, how to request updates, maintenance options and contact method

Ownership is the hardest thing to change later, so confirm it before handover. Our guide to launching a website covers launch-day steps and the setup you need.

Why website projects run late – and how to prevent it

Most delays come from waiting for feedback and materials. Here are the usual causes and the fix for each.

• Too many reviewers: feedback stalls for weeks. Name one person who makes the final call
• Copy left for later: placeholder text survives until the week of launch. Set a copy deadline as soon as the structure is agreed
• A late change of direction: big rebuilds near the end. Agree early on a working screen you can click through
• Photo shoots that slip: everything waits for images. Build with placeholders and swap photos in later
• Missing logins: the domain cannot be switched on launch day. Confirm providers and account owners at the start

The costliest of these is the late change of direction. Seeing something close to the finished site at the very beginning prevents most of the delays above.

How UNANOBO runs the process: free demo to launch, by message

UNANOBO works in four stages: free demo, feedback, launch, growth. First, we build a working demo site from your brand, logo and current site or materials – free. You click through it on your computer and phone, and go ahead only once you like the direction.

Feedback is simple: write down what you would change and send it. There are no meetings to schedule, so the project keeps moving even in busy weeks. The founder handles every project personally, from the first demo to improvements after launch, and everything runs by message in Japanese or English. Before you get in touch, our page on how to order a website may help you get your thoughts in order.