01 · 0:04
A landing page built from the owner’s content
Hero, dates, what’s included and the rooms, in a quiet editorial style that matches a countryside retreat: “Three quiet days in the Cotswolds.”
Kajabi landing page + booking flow · Concept
Stillwater House
A retreat page that fills its own rooms.
A retreat landing page designed for Kajabi. Guests read about the retreat, pick a room, register and pay in one flow, and get their confirmation automatically. The video is a designed walkthrough of how the page and booking flow work.
Concept project. Fictional brand, AI-generated photography.- Type
- Landing page + booking
- Platform
- Kajabi
- Length
- 0:46
- Year
- 2026
- Role
- Concept, page design, booking flow, motion
- Tested on
- iPhone SE → desktop
00:00:00
Silent film · captions on screenSpace play · ←→ 1s · ,. 1 frame · 0.5× for slow motion
The brief
The problem
Retreat hosts sell a handful of rooms at different prices, often by email and bank transfer. Kajabi can take payments, but it has no room booking built in, and a sold-out room must never be sold twice.
The idea
Use what Kajabi already does well. One Offer per room type with a quantity limit, custom checkout fields for the details a host needs, and automations for everything after payment. The guest just sees one calm page.
How the story plays
Beat by beat.
02 · 0:09
Room selection with real availability
Private room, shared twin priced per bed, and an ensuite suite that is sold out and sends people to a waitlist instead of a dead end.
03 · 0:16
Register and pay in one flow
The existing Kajabi checkout, with custom fields for dietary needs and arrival, and a clear order summary beside it.
04 · 0:25
The confirmation sends itself
Payment received, guest tagged, confirmation email sent, and a reminder with a packing list goes out 7 days before.
05 · 0:30
Booked from a phone, in a minute
Mobile-first with a sticky Reserve bar, checked on iPhone SE to Pro Max, Pixel, iPad and desktop browsers.
Behind the page · Kajabi setup
Built on the client’s existing Kajabi.
Kajabi landing pageRetreat pageHero, what’s included, rooms, FAQ, built from the client’s content
Offer · qty limit 3Private room · £1,450Shows rooms left at checkout
Offer · qty limit 4Shared twin · £980Per-bed availability
Offer · qty limit 1Ensuite suite · £1,790Limit reached → redirect
CheckoutCustom fieldsDietary needs · arrival · existing payments
Sold-out pageWaitlist formTags lead · notifies the client
AutomationTag + emailsConfirmation now, reminder 7 days before
QA checklist in the build plan
- Test purchases for every room
- Refunds
- Sold-out redirect to the waitlist
- Email delivery
Device checklist
- iPhone SE
- iPhone 16 Pro Max
- Pixel 8 · Chrome
- iPad · Safari
- Desktop · Chrome, Safari, Firefox
My role
- Concept
- Page design
- Booking flow
- Motion
Skills
- Kajabi
- Landing page design
- Booking flow
- Checkout optimisation
- Email automation
- Mobile responsive
Tools
- Code-driven motion (HTML/CSS/JS)
- Claude (AI)
- AI image generation
- ffmpeg
