<<<<<<< HEAD ======= >>>>>>> 2fb9859fb61cc4df4ebc733c8f7f763055f29631
KK
Work / Kgosi Kitchen
🍽 Spec Project · Food & Hospitality

From Facebook
posts to a
funnel that converts.

Designing a WhatsApp-first food ordering website for a Gaborone home kitchen — replacing a cluttered social media presence with a clear, fast, mobile-first site customers can actually use.

Business Kgosi Kitchen (Spec)
Industry Home Kitchen / Food Delivery
Location Gaborone, Botswana
Build Time 1 day
Type Spec / Portfolio Demo

Transparency note: Kgosi Kitchen is a spec project — a demo site built to demonstrate what a real Gaborone home kitchen business could achieve with a proper web presence. The design decisions, copywriting, and funnel structure are all real and intentional. Results are projected based on the design goals, not measured from a live client.

0→1
Web presence built
from nothing
1 Day
From blank file
to live site
6 CTAs
WhatsApp touchpoints
throughout the page
01 The Business

A Gaborone home kitchen with a conversion problem.

Kgosi Kitchen is a fictional but realistic representation of a very real type of business in Botswana: a home-based food business that makes genuinely excellent meals, has a loyal following on Facebook, and still loses customers every day because there's no clear way to order, see prices, or find information quickly.

This business type is everywhere in Gaborone — in Tlokweng, Mogoditshane, Phakalane. They post food photos on Facebook, get comments saying "yummy 😍" and "how much?", and then the customer never follows through because getting information takes too many steps.

Industry
Home Kitchen / Local Food Delivery
Primary niche
Authentic Botswana home-cooked meals
How they got customers
Facebook posts + word of mouth. DMs for every order.
Digital presence before
Facebook page only. No website. No structured menu.
02 The Problem

The food was great.
Finding it wasn't.

The problem wasn't the product — it was the path between "customer sees a Facebook post" and "customer places an order." That path had too many steps, too much friction, and no clear endpoint.

External — The surface problem

Customers found the kitchen on Facebook but couldn't find the current menu, prices, or ordering instructions without scrolling through weeks of posts. Every interested customer had to DM just to find out what was available — an extra step most people simply skip.

Internal — How it felt

The owner relied on telling people "just DM me" — and knew it looked informal compared to competitors with proper menus. There was a quiet embarrassment in knowing the food deserved more trust than the presentation was creating. Every "how much?" DM was a reminder that the business looked smaller than it was.

Philosophical — Why this is wrong

A business that wakes up every morning to cook fresh, honest food for its community deserves to be found and trusted easily. Batswana entrepreneurs who work this hard shouldn't be losing customers to bigger brands simply because those brands have a cleaner digital front door.

03 The Solution

A single-page ordering funnel.
Mobile-first. WhatsApp at every step.

The goal wasn't to build a fancy website — it was to eliminate every obstacle between a potential customer and a WhatsApp order message. That meant one page, clear information, fast loading, and a WhatsApp button that's never more than one scroll away.

01

Single-page funnel structure

Instead of a multi-page website, one long page walks the customer through a decision journey: who this is → what they sell → how to order → why trust them → one final push to act. This mirrors how people already scroll on Facebook — but with a clear endpoint instead of an endless feed.

02

Menu with per-item WhatsApp order buttons

Every menu item has its own "Order →" button that opens WhatsApp with a pre-filled message naming the specific dish. This removes the "what do I say when I message them?" hesitation. The message is already written — they just hit send.

03

Warm terracotta creative direction

The colour palette (terracotta clay, warm cream, earthy tones) was chosen to communicate home-cooked warmth, not corporate polish. The Playfair Display serif font signals tradition and authenticity — this food has history behind it, and the design feels that way.

04

StoryBrand copywriting — customer as hero

The headline isn't "Welcome to Kgosi Kitchen" — it's "Real Food, Real Flavour, Ready Today." Every section was written from the customer's perspective: what they want, what they feel, what they need to know. The CTA doesn't say "Contact Us" — it says "Hungry? Let's fix that."

05

Honest scarcity and urgency

The "Order Deadline" block (10am for lunch, 2pm for dinner) and "limited portions" language create urgency that is honest and realistic for a home kitchen. Home kitchens genuinely cook limited batches — stating it clearly pushes the customer to decide now rather than "later."

06

Mobile-first build, zero external dependencies

The entire site is a single HTML file with embedded CSS. No JavaScript frameworks, no libraries, no build tools. It loads in under 1 second on a 3G connection — relevant in Botswana where many users are on mobile data bundles. WhatsApp integration requires no API — just a wa.me URL with a ?text= parameter.

HTML5 CSS3 Variables Vanilla JS Google Fonts Netlify (free hosting) WhatsApp wa.me links No frameworks No monthly fees
04 The Result

What this site is
designed to achieve.

This is a spec project, so I'm documenting the designed outcomes — the specific results this funnel is built to produce when a real home kitchen business deploys it. These are not fabricated — they are the measurable goals behind every design and copy decision.

Designed
Outcome
Customers arrive already knowing the menu and prices — so their first WhatsApp message is "I'd like to order the seswaa please" instead of "Hi, what do you have?" This alone cuts back-and-forth in half and lets the owner spend less time answering basic questions.
Behavioural
Goal
Pre-filled WhatsApp messages on each menu item mean customers are guided to self-qualify their order before messaging. The owner receives fewer vague "how much?" messages and more specific, ready-to-confirm orders.
Trust
Goal
A business that previously looked like a Facebook side hustle now has a professional web presence with its own domain. This matters most for new customers who find them through Google or a shared link and don't yet have the social proof of a personal recommendation.
SEO
Goal
With proper meta tags, a descriptive page title, and location keywords ("Gaborone", "home-cooked meals", "seswaa"), the site is indexable by Google from day one. A Facebook page is not. Over time, search visibility compounds — the business gets found by people who aren't already followers.
Business
Model
The client pays once for the build. Hosting is free on Netlify. A custom domain costs approximately P120/year. There are no monthly platform fees, no subscription, and no lock-in. The client owns the files outright — this is the core value proposition of the HTML/CSS approach over Framer or Webflow.
05 Builder's Note

Why I
built this.

This project started with a simple observation: some of the best food in Gaborone is sold by people who never get credit for it online, because "online" for them means a Facebook page where the menu is buried three weeks back in the feed.

I built Kgosi Kitchen to demonstrate that a home kitchen business doesn't need Shopify, doesn't need a developer, and doesn't need to pay P500/month for a website platform. They need one clean page, one clear menu, and one WhatsApp button that works every time.

"This project was built to prove a specific point: a Gaborone food business with a Facebook presence and a WhatsApp number already has everything they need to convert customers — they just need a front door that's worthy of the food they're making. The site took one day to build. The domain costs P120 a year. There is no reason a business like this should be losing customers to friction."

T
Tshiamo Sebate
Founder, TWS Digital · Gaborone

The WhatsApp integration is zero-cost and zero-code. A wa.me link with a ?text= parameter is the only integration a Botswana SME needs. No API, no chatbot, no monthly fee.

CSS variables make rebranding fast. The entire visual identity lives in 6 variables at the top of the stylesheet. Rebranding for a real client takes 10 minutes, not a full redesign.

Copywriting takes longer than code. Decisions about what to say — the headline, menu descriptions, the CTA — took 2× longer than the actual HTML/CSS build. This is where the real value sits.

Scarcity should be honest. "Limited portions daily" is a real constraint for a home kitchen — stating it creates urgency without manipulation. Honest constraints convert better than fake countdowns.

This stack scales to any food/service niche. The same HTML template, recoloured and rewritten, becomes a salon, a guesthouse, a catering business. The structure is the product — the content changes.

Does your business
look like this online?

If you're running a food business, salon, or guesthouse in Gaborone and losing customers to a messy Facebook page — this is what a fix looks like.

Talk to TWS Digital on WhatsApp