Website Design Process: 8 Steps from First Call to Launch

Most website projects that run late do not run late because of design or code. They run late because content arrives slowly, feedback comes from five people in five directions, or nobody agreed what the site was meant to achieve. Knowing the website design process in advance helps you plan your time and avoid these delays.

This guide walks through the eight steps of a typical project, from the first conversation to launch and care afterwards. It also says what you, as the client, need to prepare at each stage.

Step 1: Discovery and goals

The first step is understanding your business. We ask who your customers are, what you want visitors to do, and how you win business today. For a school the goal may be admission enquiries. For a church it may be visitor information and sermon access. For a shop it may be orders or store visits.

We also look at your current site, your competitors and any brand material such as a logo and colours. This is the time to decide how success will be measured, for example number of enquiry forms, WhatsApp clicks or calls.

Step 2: Sitemap and structure

Next we agree the pages and how they connect. This is the sitemap. A small business site may have a home page, a few service pages, an about page and a contact page. A school site adds admissions, academics, fees information, gallery and notices.

A good structure follows how customers think, not how your organisation is organised. Each page should have one main job, and every page should be reachable within a few clicks. If you plan to appear in search results for different services, each major service usually deserves its own page, which also helps on-page SEO.

Step 3: Content and photography

Content is the step that most often delays a project. Text, photos, logos, testimonials and prices need to be ready before pages can be finished. Placeholder text hides problems, such as a headline that is too long or a page that has nothing useful to say.

• Text for each page, written for customers and not for yourselves.
• Your logo in a high quality format and brand colours if you have them.
• Real photos of your team, premises or work. Stock images should be a last resort.
• Testimonials or reviews you have permission to use.
• Contact details, business hours, WhatsApp number and map location.

If writing is not your strength, tell us early. We can write or edit the copy with you, which is usually quicker than waiting for drafts.

Step 4: Design and approval

We design the look of the key pages, usually the home page and one inner page, and share them for feedback. You review layout, colours, fonts and the way the main message and button appear. Good design shows the visitor what to do next, and works on both desktop and mobile. See mobile friendly website design for what we check.

To keep this stage short, gather comments from everyone in your team into a single list. Contradictory feedback sent at different times is a common reason for extra rounds.

Step 5: Development and set-up

After the design is approved, we build the pages on the platform that fits, such as WordPress for most business, school and church sites or Shopify for stores. If you are unsure which route is best, our article on WordPress or a custom website explains the trade-offs.

During the build we set up forms, tracking, page titles and descriptions, image sizes and basic security. We also make sure pages are quick on phones.

Step 6: Testing before launch

Before going live, every page, link and form is tested on different phones, browsers and screen sizes. We check speed, SSL, the contact form delivery and the tracking of enquiries. You review the site as well, since you know details we may miss, such as a wrong fee or a misspelt name.

Step 7: Launch

Launch means connecting your domain, enabling SSL, setting up redirects from old pages if the address structure has changed, and publishing. We then check that forms and tracking work on the live site, and submit the sitemap to Google Search Console so search engines can find the pages.

Step 8: Care and improvement after launch

A website needs care. Software updates, regular backups and monitoring keep it secure and available. Beyond maintenance, review analytics every month or two and improve the pages that get traffic but few enquiries.

We can provide a simple support plan, or train your team to update content themselves. The best choice depends on how often your information changes.

How long does the process take?

It depends on the number of pages, the platform and how quickly content and feedback arrive. A small brochure site is far quicker than a large school site or an online store. Ask for a timeline with dates for each stage and your own deadlines, so it is clear who is waiting on whom.

How to keep your project on schedule

You can do a lot to keep a project moving. Name one decision maker, so feedback arrives as a single list and not as several conflicting messages. Agree dates for content delivery at the start, and treat them as seriously as the launch date.

• Collect all text, photos and documents in one shared folder before design begins.
• Give feedback in one round per stage, with specific comments such as "make the phone number larger" instead of "make it pop".
• Confirm facts that must be exact: fees, dates, addresses, names and registration details.
• Keep access details for your domain, hosting, Google accounts and social profiles ready.

Adding new pages halfway through is the other common cause of delay. If a new idea comes up, note it for a second phase and launch the first version. A live site that improves steadily usually beats a perfect site that never opens.

Frequently asked questions

Conclusion

A clear website design process saves time and money: define goals, plan the structure, prepare content, approve the design, build, test, launch and keep improving. If you are planning a new site, start by listing your goals and gathering your content. Read about common website design mistakes to avoid, then talk to us about your project and see our web design service.