Website Design Dos and Don'ts for South African Small Businesses
Four rules matter most: make the site work on a phone first, tell visitors what you do and where in the first line, make it easy to contact you in one tap (WhatsApp, call or a short form), and own your domain, hosting and logins. The tables below pair each "do" with the mistake to avoid, area by area, followed by red flags to watch for when you hire a designer.
Updated 5 November 2026 by the Web Design Hosting SA team.
Use these tables to plan a new site, brief a designer or judge a site you already have. If you are still working out a budget, the website cost calculator gives a rand estimate, and our guide to what a website costs in South Africa explains the ranges. Hosting choices are a separate topic, covered in our list of web hosting mistakes to avoid.
Navigation
Visitors arrive with one question, usually "do you do what I need, where, and for how much?" Navigation should get them to that answer in one or two taps.
| Do | Don't | Why it matters |
|---|---|---|
| Name menu items after what you sell: "Plumbing repairs", "Geyser installation", "Prices". | Use vague labels like "Solutions", "What we do" or "Explore". | People scan menus for their own words. Clear labels also tell Google what each page is about. |
| Keep the main menu to about five to seven items and put the rest in the footer. | Put every page in a drop-down that needs three levels of hovering. | Hover menus are awkward on phones and long menus bury your most important pages. |
| Make contact, phone and quote buttons visible on every page. | Hide contact details on a single "Contact us" page at the end of the menu. | A visitor ready to buy should never have to hunt for how to reach you. |
| Give every service and every area you genuinely serve its own page with a clear address. | Cram all services into one long "Services" page. | One page per topic matches what people search for and is easier to link to and share. |
Mobile
Many of your visitors will see the site on a phone first, and Google uses the mobile version of a page for indexing. Design for the small screen, then make it work on a laptop.
| Do | Don't | Why it matters |
|---|---|---|
| Check every page on a real phone before launch, in portrait, on mobile data. | Approve the design from a desktop mock-up or a PDF. | Problems like tiny text, overlapping buttons and sideways scrolling only show up on a real device. |
| Make buttons and links big enough to tap with a thumb, with space between them. | Place small links right next to each other. | Mis-taps are frustrating and make forms and menus feel broken. |
| Keep the phone number as a tap-to-call link and the address as a map link. | Put the phone number inside an image or a PDF. | People on phones want to call or navigate in one tap. |
| Use one simple, readable text size of about 16px or more for body text. | Shrink text to fit a desktop layout onto a phone. | If people have to pinch and zoom, most will simply leave. |
Speed
A slow site costs you visitors on mobile data and can hold you back in Google. Many speed problems on small business sites come from a few avoidable choices.
| Do | Don't | Why it matters |
|---|---|---|
| Test the home page and your top service page in Google PageSpeed Insights before and after launch. | Judge speed on your office fibre with the site already in your browser cache. | Your customers are often on mobile data and visiting for the first time. |
| Use a lightweight theme and only the plugins you need. | Install a page builder, a slider and a plugin for every small feature. | Every extra script adds weight to every page and another thing to update. |
| Show a clear headline and one strong photo at the top. | Open with an auto-playing video or a rotating slider. | Sliders and video are heavy, and visitors rarely wait for the third slide. |
| Keep chat widgets, trackers and embeds to the ones you actually use. | Leave old tracking codes and widgets from past campaigns on the site. | Third-party scripts slow pages down and each one may need to be listed in your privacy notice. |
Forms
Your contact or quote form is where a visitor becomes a lead. Small details decide whether people finish it and whether the message actually reaches you.
| Do | Don't | Why it matters |
|---|---|---|
| Ask only for what you need to reply: name, a phone or email, and the request. | Ask for an ID number, physical address or budget on a first enquiry. | Each extra field puts people off, and POPIA expects you to collect only what you need. |
| Use quiet spam protection such as a hidden honeypot field or Cloudflare Turnstile. | Make people solve a picture puzzle before they can send. | Puzzles stop real customers as well as bots, especially on phones. |
| Show a clear thank-you message that says when you will reply. | Leave people on the same page wondering if it sent. | Without confirmation people send twice, or give up and call a competitor. |
| Send yourself a test enquiry every month and after every update. | Assume the form works because it worked at launch. | Forms break quietly after plugin updates or email changes, and you only find out when leads dry up. |
POPIA and legal basics
POPIA applies to any website that collects personal information, including a simple contact form. The basics are not hard, but they need to be planned into the build. This is general guidance, not legal advice.
| Do | Don't | Why it matters |
|---|---|---|
| Publish a privacy notice that matches what your site really collects, and link it next to every form. | Copy another company's privacy policy and change the name. | A copied policy describes someone else's tools and data flows, so it is wrong about yours. |
| Use an unticked opt-in box for newsletters and marketing. | Pre-tick the marketing box or add enquiry emails to your newsletter list. | POPIA requires consent for direct electronic marketing to people who are not existing customers. |
| Run the whole site on HTTPS with a valid SSL certificate. | Leave forms on pages that show "Not secure". | POPIA expects reasonable security measures, and browsers warn visitors about insecure forms. |
| If you sell online, show your business details, prices and terms clearly. | Sell without terms, a returns policy or a physical address on the site. | The ECT Act lists information that online sellers must make available to customers. |
Our POPIA website compliance checklist explains each requirement in plain language.
WhatsApp and contact
Many South African customers would rather send a WhatsApp than fill in a form. Offer the channels you can actually answer, and make each one work in a single tap.
| Do | Don't | Why it matters |
|---|---|---|
| Add a WhatsApp click-to-chat link in international format (27 followed by the number without the 0). | Just print "WhatsApp us on 08..." as plain text. | A proper link opens a chat straight away; a plain number has to be saved as a contact first. |
| Offer at least two ways to reach you, such as WhatsApp and a form or phone. | Make WhatsApp the only way to contact you. | Some people cannot or will not use WhatsApp for business, especially larger clients. |
| Show your hours and how quickly you usually reply. | Promise "instant replies" or live chat you cannot staff. | Honest expectations build trust; an unanswered chat does the opposite. |
| Use a business email address on your own domain. | Use a free Gmail or Webmail address as your main contact. | A domain email looks established and stays yours if you change provider. |
Images
Good photos sell, but they are also the most common reason a small business site is slow. Use real images and size them properly.
| Do | Don't | Why it matters |
|---|---|---|
| Use your own photos of your team, premises, products and finished work. | Fill the site with generic stock photos of people shaking hands. | Real photos show you exist and are what customers remember. |
| Resize photos to the size they display at and use modern formats such as WebP. | Upload 5MB photos straight from your phone. | Oversized images are a common cause of slow pages. |
| Write short, descriptive alt text for meaningful images. | Leave alt text empty or stuff it with keywords. | Alt text helps people using screen readers and helps search engines understand the image. |
| Only use images you have the rights to: your own, licensed stock or properly credited free images. | Copy images from Google Images or a competitor's site. | Copyright owners can demand removal and claim fees for images used without a licence. |
Copy (the words on the page)
Design gets attention, but the words make the sale. Write for a busy customer reading on a phone.
| Do | Don't | Why it matters |
|---|---|---|
| Say what you do and where in the first line: "Electrician in Bellville, same-day call-outs". | Open with "Welcome to our website" or a slogan that could fit any business. | Visitors decide in seconds whether they are in the right place. |
| Show prices, or at least "from" prices, where you can. | Hide every price behind "contact us for a quote". | People shortlist businesses whose prices they can see. |
| Use short paragraphs, clear headings and lists. | Write long blocks of text or paste in a company profile PDF. | Most visitors scan rather than read, especially on a phone. |
| Write in plain language your customers use. | Fill pages with jargon and buzzwords. | Customers search in their own words, and so does Google. |
Trust
People are cautious about who they pay online. Real, checkable proof matters more than polished claims.
| Do | Don't | Why it matters |
|---|---|---|
| Show real reviews, with a link to where they were left (for example Google). | Write testimonials yourself or use photos of people who are not your clients. | Invented reviews are easy to spot and destroy trust when they are found out. |
| Show your real name or trading name, area served and how long you have traded. | Claim awards, "No.1" or client numbers you cannot back up. | Specific, checkable facts are more convincing than big claims. |
| Show examples of real projects with permission from the client. | Show mock-ups or other people's work as your portfolio. | A portfolio is only useful if the work is genuinely yours. |
SEO basics
Good SEO starts in the build, not afterwards. A few basics done right on day one save a lot of fixing later.
| Do | Don't | Why it matters |
|---|---|---|
| Give every page a unique title and meta description that describes that page. | Use your business name as the title on every page. | The title is what people see in Google, and duplicates make pages compete with each other. |
| Use one H1 per page and logical headings below it. | Use headings just to make text bigger. | Headings help screen readers and search engines understand the page structure. |
| Plan one page per service or topic before writing. | Create near-identical pages for every suburb with only the town name changed. | Thin copies rarely rank and can drag down the rest of the site. |
| Set up 301 redirects from old addresses when you redesign. | Change all your page addresses without redirects. | Without redirects you lose the rankings and links the old pages earned. |
Choosing a web designer: red flags and a quote checklist
Many website problems are not design problems at all. They start with a vague agreement: nobody wrote down who owns the domain, what happens after year one or who writes the content. Spot these red flags early and get the answers in writing.
Red flags
- Red flag: No written quote. A price given only on WhatsApp or over the phone is hard to hold anyone to. Ask for a written quote that lists what is included.
- Red flag: The domain will not be in your name. If the designer registers the domain in their own name, they control your web address and email. The registrant should be you or your business.
- Red flag: No access to your own site. You should get an admin login for the website and access to the hosting and domain, even if you never use them.
- Red flag: Vague hosting terms. If hosting is "included" but nobody can tell you where it is, what it costs after the first year or how backups work, ask before you sign.
- Red flag: Locked-in contracts. Long contracts with cancellation penalties, or a site you cannot take with you when you leave, keep you paying whether the service is good or not.
- Red flag: No portfolio of real, live sites. Ask for links to sites they built that are online now, and look at them on your phone. Screenshots and mock-ups are not enough.
- Red flag: Guaranteed Google rankings. Google's own guidance on hiring an SEO says no one can guarantee a number one ranking. Treat any guarantee as a warning sign.
- Red flag: Everything paid upfront. A deposit is normal. Paying 100% before you have seen any work leaves you with no leverage if the project stalls.
- Red flag: No plan for content. If nobody has said who writes the text and supplies the photos, the project will stall at that point.
- Red flag: A proprietary builder you cannot leave. Some platforms only run with that one company. Ask whether you can move the site to another host or designer later.
What a written quote should include
Use this list to compare quotes like for like. A quote that leaves several of these out is not necessarily dishonest, but you should ask before you accept it.
- Pages: The number of pages and what each one is, for example Home, About, three service pages and Contact.
- Content and who writes it: Whether you supply the text or the designer writes it, and whether copywriting is included or extra.
- Images: Whether photos are supplied by you, licensed stock or a photographer, and who pays for any licences.
- Revisions: How many rounds of changes are included before extra work is charged.
- Domain and hosting in your name: Written confirmation that the domain is registered to you and the hosting account is yours or transferable.
- Renewal costs after year 1: What the domain, hosting, email and any paid plugins or licences cost from the second year.
- Maintenance: Who handles updates, backups and security after launch, and what that costs per month or year.
- POPIA basics: A privacy notice page, consent wording on forms, HTTPS and only the trackers you agree to.
- Timeline: Start date, milestones and launch date, and what happens if your content arrives late.
- Payment terms: Deposit, when the balance is due and what triggers each payment.
- Handover and logins: Admin logins for the site, hosting and domain, plus a short guide or walkthrough on making simple changes.
- Mobile, speed and SEO basics: That the site is built mobile-first, tested on phones, with titles, meta descriptions and redirects from any old URLs.
Before the build starts, gather your logo, text and photos with our list of what to prepare before your website build. Before going live, work through the website launch checklist.
If you want to see how we work, look at our portfolio of real client sites and our web design packages, where every package lists what is included.
Frequently Asked Questions
What is the biggest website design mistake small businesses make?
Building the site around how it looks on a big screen instead of what a customer on a phone needs. If a visitor cannot see what you do, where you work and how to contact you within a few seconds on a phone, the rest of the design does not matter much.
Should my website have WhatsApp, a contact form or both?
Both, if you can answer both. WhatsApp suits quick questions and customers who prefer chatting, while a form suits detailed requests and people who want a written record. Add a tap-to-call number too, and only offer the channels you check every day.
Does a small business website really need to follow POPIA?
Yes. POPIA has no small-business exemption, and a contact form already collects personal information. At minimum you need a privacy notice, consent for marketing, HTTPS and to collect only what you need. Our POPIA website compliance checklist goes through each step. This is general guidance, not legal advice.
How do I know if my current website needs a redesign or just fixes?
If the site is hard to use on a phone, slow, or on software that can no longer be updated, a redesign is usually the better investment. If the structure works and the problems are content or a few broken parts, fixes are cheaper. Our guide to the signs you need a redesign helps you decide.
What should I ask a web designer before I pay a deposit?
Ask for a written quote, links to live sites they built, confirmation that the domain and hosting will be in your name, the renewal costs after the first year, who writes the content, how many revisions are included and what you get at handover. If any answer is vague, get it in writing before paying.
Want a website that gets these right?
Tell us about your business and we will send a written quote that covers pages, content, domain, hosting and renewal costs.