Skip to content

Thatchwood Farm PubWebsiteHospitality

The website feels like the pub.

Thatchwood now has one place it controls for every reason people visit, and every enquiry arrives already explained.

  • Where it standsLive at thatchwood.co.za
  • Year2026
  • What we builtVenue website, WhatsApp and email enquiries, newsletter and domain email

Thatchwood is a farm pub near Magaliesburg with sport, weekly events and functions, and it lived on Facebook and WhatsApp. We built a loud, practical website that shows what's on and sends every enquiry to the right place, already explained.

[01] The business before

A proper local, with no website.

A farm pub with sport, weekly events and functions that lived on Facebook and WhatsApp, with bookings on a staff phone.

  1. Near Magaliesburg

    Thatchwood is a farm pub on the R24 near Magaliesburg: cold drinks, pizza and pub food, sport on the big screens. It runs a weekly line-up from Wednesday to Sunday and private functions for birthdays and bachelor parties.

  2. Blood Lotus alongside

    Blood Lotus, a tattoo studio, works alongside it.

  3. Facebook and WhatsApp

    Before the website, the pub lived on Facebook and WhatsApp. Specials and events went out as posts, and bookings went to a staff member's phone.

How it ranBefore

  • FacebookThe pub's page, for specials and events.
  • WhatsAppBookings and function enquiries, sent to a staff phone.
  • GmailEverything else, through a Gmail address.

What was breaking

  1. 01

    With no website, a search for the pub led to directories and social posts.

  2. 02

    Bookings and function enquiries all landed on one staff phone.

[02] What we built

Loud on top, practical underneath.

A loud, one-page venue site with its own contact page, prefilled WhatsApp enquiries, a newsletter and domain email.

  1. One loud page

    A loud, one-page venue site with its own contact page, prefilled WhatsApp enquiries, a newsletter and domain email.

One clear venue story

Pub, events, functions and tattoos, on one page in the order people need them.

  1. 01

    The specials

    A tap from the top

  2. 02

    What's on

    Wednesday to Sunday

  3. 03

    Blood Lotus

    The tattoo studio

  4. 04

    Private events

    Birthdays and bachelor parties

Thatchwood Farm Pub, screen: The vibe
The vibe. The place, people and signature offers are organised without sanding off the noise.

Set up around the site

General and event enquiries from the contact page land in the owner's inbox.

  • Prefilled WhatsApp messages for specials, events and functions
  • A contact page that sends enquiries to the owner by email
  • Newsletter sign-ups collected on the site
  • Email on the pub's own domain
  • Analytics

01 / 02

Venue website

For regulars and first-time visitorsthatchwood.co.za

A one-page site with the pub's own humour and colour: the vibe first, then specials, what's on, Blood Lotus, functions and how to get there.

  • Specials and the weekly line-up
  • A chapter for Blood Lotus, the tattoo studio
  • Functions and private parties
  • Newsletter sign-up

6 real screens · tap to enlarge

  • Opening view

    The pub's energy lands immediately, before the practical details take over.

  • The vibe

    The place, people and signature offers are organised without sanding off the noise.

  • The specials

    Regulars can get straight to the information they came for.

  • What's on

    The weekly rhythm is easy to scan without flattening the pub's personality.

  • Blood Lotus

    The tattoo studio gets a complete chapter while still belonging to the same world.

  • Private events

    Groups can understand the offer and move directly into a function enquiry.

Screen 01 / 06

02 / 02

Enquiries

For the pub's teamWhatsApp and email

Buttons for specials, events and functions open WhatsApp with the reason already written. A contact page sends general and event enquiries to the owner by email.

  • Prefilled WhatsApp messages by reason
  • Contact form to the owner's inbox
  • Email on the pub's own domain

WhatsApp, prefilledready to send

Hi! I'd like to ask about booking a function at Thatchwood.

[03] How it works

From a search to a function booked.

Big type, bold colour, movement and real venue photos carry the personality, and each important action has its own route.

The details that move

Recorded on thatchwood.co.za

  • The first screen

    The pub's energy lands immediately: big type, bold colour, movement and real venue photos sell the vibe before the details.

  • Specials up front

    Specials sit a tap from the top of the page, so regulars get straight to the information they came for.

  • Event cards on phones

    On phones, the event cards respond as they scroll into view and the buttons stay easy to tap.

  • Functions, already explained

    Each important action has its own route, so an enquiry about a function starts with the reason already written.

  1. Visitor

    The first screen sells the vibe.

  2. Visitor

    The specials and this week's line-up, Wednesday to Sunday.

  3. Visitor

    Functions for birthdays, bachelor parties and private events.

  4. VisitorKey step

    WhatsApp opens with the reason filled in, or the contact form sends an email.

  5. Pub team

    The team gets the message with the context already there.

Real screenOpening view

[04] What we changed

Organise the noise, keep the character.

We kept the noise and put it in order: the vibe first, then every practical answer in the order people need it.

  1. Not a neat template

    A neat hospitality template would have sanded the pub smooth. A page full of posters would have been true to it, and hard to use.

  2. Noise, put in order

    So we kept the noise and put it in order: the vibe first, then every practical answer in the order people need it.

Before: Facebook, WhatsApp, Gmail. Now: Live at thatchwood.co.za.Drag, or use the arrow keys
  1. 01

    Before: Scroll Facebook to find the specials.

    Now: Specials up front, a tap from the top of the page.

    Thatchwood Farm Pub, screen: The specials
  2. 02

    Before: Ask on WhatsApp what's on tonight.

    Now: The weekly line-up, Wednesday to Sunday, at a glance.

    Thatchwood Farm Pub, screen: What's on
  3. 03

    Before: Message a staff phone about a party.

    Now: A functions section that leads into an enquiry with the reason already filled in.

    Thatchwood Farm Pub, screen: Private events
  4. 04

    Before: Nowhere the pub's personality could live.

    Now: A first screen that sells the vibe before the details.

    Thatchwood Farm Pub, screen: Opening view

[05] What changed

One home for every reason to visit.

A first-timer gets a feel for the pub, a regular checks what is on, and a group asks about a function in two taps.

Thatchwood Farm Pub, screen: The verdict
The verdict. The page closes in the same rough-edged visual language.
One clear venue story
4
From a search to a function booked.
5steps

Where it stands

Live at thatchwood.co.za

Livethatchwood.co.za

Feb 2026Aug 2026

Dates from our project records and release history.

  1. Start

    Build starts.

    then, +2 months
  2. Live

    Live at thatchwood.co.za; the owner shares it with the pub's events group.

    thatchwood.co.za

    Thatchwood Farm Pub, screen: Opening view
    then, +1 month
  3. Update

    Contact form tested with the owner.

    then, +3 months
  4. Update

    Secure contact page and search setup.

Dates from our project records and release history.

  • thatchwood.co.za is live, with email on the pub's own domain.

  • Specials, events and function enquiries arrive with their reason already written.

  • General and event enquiries from the contact page land in the owner's inbox.

  • Newsletter sign-ups are collected on the site.

  1. One place it controls

    Thatchwood has one place it controls for every reason people visit.

  2. Every kind of visitor

    A first-timer can get a feel for the pub before arriving, a regular can check what is on, and a group can ask about a function in two taps.

Built with

The tools behind it.

See the full toolbench
  • React
  • Vite
  • Tailwind CSS
  • Convex
  • Postmark
  • Google Analytics
  • MXroute
  • Vercel

Also in the build: Motion

Have a related problem or idea?

Does your place have more character than its website? Let's fix that.

Start a conversation