- Role
- Design, engineering and content
- Type
- Own-brand website and lead-generation system
- Stage
- Live
- Read time
- 2 min read
01 · The problem
Sending visitors straight to WhatsApp left no record of where leads came from and no structured details to follow up on.
02 · Approach
How I approached it
I structured the site around one question for each page — what do I do, how, and what to do next — with every call to action leading to a single enquiry form.
Enquiries and campaign applications are captured as structured records with their source, then made visible in an admin dashboard.
Key decisions
Structured enquiries instead of chat links
Replacing direct WhatsApp links with a short form means every lead arrives with the same details and its source.
Notifications never block the visitor
New-lead alerts are sent after the response is returned, so a slow or failed notification can never make a successful enquiry look like it failed.
03 · Solution
What I built
Start a Project enquiry form with validation, spam protection and rate limiting
Public campaign pages, such as the Free Website campaign, that accept many applications
Source tracking from campaign links and UTM tags
04 · Engineering
How I engineered it
One template, many campaigns
A campaign's questions, page copy and validation come from a single template definition, so a new promotion is a data change rather than a new page.
Content as files
Articles are Markdown files with validated frontmatter; future-dated posts stay hidden until their date and pages refresh hourly, so scheduled posts go live without a redeploy.
05 · Evidence
See it working
The Start a Project form, the destination of every call to action.
06 · Technologies
Under the hood
Frontend
- Next.js (App Router)
- Static and server-rendered pages with hourly revalidation
- React & TypeScript
- Forms, navigation and interactive components
- Tailwind CSS
- Theming (light site, dark admin) and responsive layout
Data & integrations
- Google Sheets API
- Stores enquiries and campaign applications
- Zod
- Validation of forms, templates and article metadata
- Google Analytics 4
- Measures enquiries as conversions
- Meta WhatsApp Cloud API
- New-lead notifications
Delivery
- Vercel
- Hosting, deployment and edge caching
07 · Results & lessons
What it achieved
- Live at kudziemuks.co.zw: enquiries and campaign applications are captured with their source and visible in the admin dashboard.
What’s next
- Switch on WhatsApp lead alerts once the Meta message template is approved.
More case studies
View all
Victors Holdings Campaign Setup Platform
Guided setup links that collect everything needed to launch a client's marketing campaign.
Read case studyOmniForce Talent Marketplace
Engineering contributions to an enterprise talent marketplace.
Read case studyReferral-to-Revenue Tracking System
Connecting referrals to real purchases and tracking the commission owed.
Read case studyWhere are you losing customers?
Get a free Customer Leak Audit. I'll check how your business handles enquiries, what happens after a quote, and where customers slip away, then show you what to fix first.
No assumptions about the solution before understanding the problem.