Why Demo Sites?

When you're selling websites to business owners who don't have one, the biggest problem is that they can't imagine what their site would look like. You can talk about "mobile-first design" and "WhatsApp lead capture" all day, but until they see their own business name on a real website, it doesn't click.

So I decided to build demo sites for different types of businesses I wanted to target. Not mock-ups. Not Figma files. Actual working websites with their kind of business name, services, and area. Something I could pull up on my phone during a pitch meeting and say "this is what yours could look like."

The 8 Sites

I picked industries I knew had the biggest gap between demand and online presence in Johannesburg:

Floss Nail Studio

Nail Salon
~2 hours

Zuri Hair Salon

Hair Salon
~2 hours

Kota Kitchen

Restaurant
~2 hours

Bricklayer JHB

Construction
~1.5 hours

Handyman Works

Handyman Services
~1.5 hours

Kelly Tyres

Auto / Tyres
~2 hours

Apex Auto

Panel Beaters
~2 hours

Darlo Panel Beaters

Panel Beaters
~1.5 hours

Total build time across the weekend: about 14 hours. Average per site: under 2 hours.

The Stack I Used

Nothing fancy. That's the point.

  • HTML + CSS + vanilla JavaScript. No React, no frameworks. Each site is a single HTML file with inline styles. Loads in under 1 second.
  • Vite for local dev and building. Hot reload makes iteration fast.
  • Cloudflare Pages for hosting. Free tier, global CDN, custom domains. Push to GitHub and it deploys automatically.
  • AI image generation for placeholder photos. Real client sites would get real photos, but for demos this works well enough.
Why no frameworks?

For a 1-page business website, React or Next.js is overkill. You're adding 200KB of JavaScript for a site that needs zero client-side state. Vanilla HTML loads faster, ranks better on Google, and is easier to hand off to a non-technical client if they ever need to make changes.

The Template System

I didn't build 8 completely unique sites. I built a pattern, then adapted it. Every demo site follows the same structure:

  1. Hero section with business name, tagline, and a big WhatsApp button
  2. Services section listing what they do
  3. Trust signals (years in business, area served, Google rating)
  4. Contact section with a form that sends WhatsApp notifications
  5. Footer with address and hours

The layout stays the same. What changes is the content, the color palette, and the imagery. A nail salon gets soft pinks and close-up shots. A bricklayer gets earth tones and wide construction shots. Same bones, different skin.

This is also exactly how I work with real clients. The template is proven to convert. I'm not redesigning from scratch every time. I'm adapting a system that works.

What I Learned

Speed Is The Product

Most web agencies take 4-6 weeks to deliver a website. By that time, a small business owner has lost interest. They needed customers yesterday, not a Figma mockup next month. Being able to say "I can have your site live in 3 days" is a genuine competitive advantage.

Simple Sells Better

The demo sites that get the best reactions are the simplest ones. Business owners don't want parallax scrolling and hover animations. They want their phone number visible, their services listed, and a way for people to contact them. That's it.

Show, Don't Tell

Pulling up a working demo on my phone is 10x more effective than showing a PowerPoint. The business owner can tap around, see their name on a real website, and immediately understand what they're buying. That's the whole sales pitch.

Want A Site Like These?

We build fast, mobile-first websites for local SA businesses. Your site could be live in 3-5 days. Starting from R1,500.

Get Your Free Audit →