Website Design Process: From Brief to Launch

By Next Level Web Solutions · · 6 min read · Cost and choosing an agency

The website design process runs in seven stages: discovery, sitemap, design, build and content, testing, launch and aftercare. Knowing what happens at each stage, and what the agency needs from you, is the best way to keep a project on time and on budget.

This guide walks through the stages in order, with the practical details a South African business owner should know before signing off on anything.

The website design process: discovery and goals

Every good project starts with questions, not pixels. In discovery, your agency should find out what the website is for, who it is for, and what a successful visit looks like. Is the aim phone calls, quote requests, bookings, walk-ins, or credibility with tenders and corporate buyers?

Come prepared with a simple website brief. It does not need to be long. Cover these points:

  • What your business does and where you operate.
  • Your main customers and what they usually ask before buying.
  • Three sites you like and what you like about them.
  • Three competitors and how you differ.
  • The one action you most want visitors to take.
  • Any deadlines, such as a launch event or season.

A clear brief is the single biggest influence on how smoothly the rest of the project runs. If you are still working out costs at this stage, our article on what drives website cost in South Africa will help you set expectations.

Sitemap and page structure

The sitemap is the list of pages and how they connect. It is planned before design because it decides what the design has to accommodate.

For a typical small business, a sitemap might include a home page, a page for each main service, an about page, a contact page and perhaps a gallery or blog. Each page should have a job. A service page exists to explain one service and lead to an enquiry. A contact page exists to make getting in touch easy.

At this stage you also plan the navigation and decide which keywords each page should target, since that shapes headings and page titles. Changing the structure now costs almost nothing. Changing it after the build can be expensive.

Design direction and approval

Next comes the visual direction: colours, type, layout and the feel of the site. Most agencies show you the home page first, because it sets the tone for everything else, and then extend that look to the inner pages.

When you review designs, give feedback on goals rather than personal taste alone. "Our customers are mostly older and need larger text" is more useful than "I don't like this font". Gather feedback from one person on your side, if you can, so the agency receives a single consistent list instead of conflicting opinions.

Agree how many revision rounds are included, and approve the design in writing before the build starts. Approval is the gate that keeps later changes from becoming a new project.

Build and content loading

Now the design becomes a working website. While the developers build, you should be finishing your content, because content is the most common cause of delay.

What the agency typically needs from you:

  1. Your logo in a high-quality file format.
  2. Written copy, or notes the agency can turn into copy.
  3. Photos of your work, team and premises. Real photos nearly always beat stock images.
  4. Testimonials you have permission to publish.
  5. Business details: address, phone numbers, trading hours and social links.
  6. Access to your domain and any existing hosting.

If your site collects personal information, such as enquiry forms, this is also the time to think about privacy. Our guide on POPIA and your website lists the practical points to cover.

Content is loaded into the pages, images are compressed so the site loads quickly on mobile data, and search basics such as page titles and descriptions are written.

Testing across devices

Before launch, the site is tested thoroughly. This should cover real behaviour, not just a glance on one screen.

A basic testing checklist:

  • Every page opens and every link works.
  • Forms submit and the notification email actually arrives.
  • The site looks right on a phone, a tablet and a desktop, and in more than one browser.
  • Pages load reasonably fast on a mobile connection.
  • Images have descriptive alternative text.
  • Text is readable with good colour contrast.
  • Phone numbers and email addresses are clickable on mobile.

Ask to see the staging version and test it yourself, too. You know your business better than anyone, and you will catch wrong details that a developer would not notice.

Launch checklist: DNS, redirects, Search Console

Launch is more than flipping a switch. A careful launch protects your search visibility and avoids downtime. Use this checklist.

  1. Final content sign-off. Confirm that all text, prices and contact details are correct.
  2. Domain and DNS. Point your domain to the new hosting. domain name system (DNS) changes can take time to spread, so plan the switch for a quiet period.
  3. HTTPS. Make sure the site loads securely with a valid certificate.
  4. Redirects. If you are replacing an existing site, redirect old addresses to their new equivalents so you do not lose visitors or search rankings.
  5. Business email. Confirm that email at your domain still works after the DNS change.
  6. Sitemap and robots file. Check that the sitemap is present and that search engines are not accidentally blocked.
  7. Google Search Console. Verify the site, submit the sitemap and watch for errors in the first weeks.
  8. Forms and tracking. Test the contact form one final time on the live site.
  9. Backups. Confirm that backups are running.

If you are replacing an old site, tell your agency early, since redirect planning needs a list of the existing pages.

After launch: support and updates

A website is not finished at launch. Software needs updates, content gets outdated, and you will want to add pages as the business grows. Before you start, agree on what happens afterwards:

  • Is there a warranty period during which bugs are fixed at no charge?
  • Who handles updates and backups?
  • How do you request changes, and how quickly are they usually handled?
  • Can you edit simple content yourself, or do changes go through the agency?

It also helps to review the site a month after launch, using Search Console data to see which pages are being found and which questions people are asking. If you are still choosing who to work with, our guide to choosing a web design agency in South Africa lists the questions worth asking.

You can see the kinds of work we do on our services page, and learn who we are on the about page. If you are ready to start a brief, contact us and we will take you through discovery.

Frequently asked questions

How long does a website take to build?

It depends on scope and, above all, on how quickly content and feedback arrive. A small brochure site can often be completed in a few weeks, while larger or more complex sites take longer. Agree a timeline in writing at the start, along with the dates you owe the agency content and approvals.

What do I need to supply?

At minimum, your logo, your copy or rough notes, photos, testimonials you have permission to use, and your business details. You will also need to provide access to your domain registrar and any existing hosting. Having these ready before the build starts prevents most delays.

Want this done for your business?

Book a free call →