The Legacy Yacht charters a private yacht on Bangkok's Chao Phraya. The site's job: make you feel the evening before you enquire — then make enquiring effortless.
Client
The Legacy Yacht, BangkokType
Marketing site + lead captureLanguages
English + ThaiSignature
The client's real footage, on every pageA premium charter sold through
a website that has to earn the word premium.
The Legacy Yacht runs private evening charters on the Chao Phraya — a three-deck yacht, a crew, set menus and event packages, boarding at ICONSIAM. The product is an atmosphere: the river at night, the bridges lighting up, dinner moving past the temples. People book it for proposals, anniversaries, company celebrations and weddings.
That is a hard product to sell with stock photography and a paragraph. The client had something better: a real promotional reel — drone passes over the boat at golden hour, the decks at night, guests on the bow. The design decision that shaped the whole build was to lead with that footage everywhere. Not one hero video on the homepage: every page opens full-screen on the boat itself, and the section cards play their own clips as you reach them.
Footage-led is easy to say and heavy to ship. Video that impresses on a fibre connection can strangle a phone on hotel Wi-Fi, and a luxury brand cannot stutter. So the reel was re-cut clip by clip: every hero loops on the same eight-second clock, seamlessly — no visible restart, no freeze at the turnaround — and each clip was re-encoded from the client's masters to stay sharp at full-screen while staying small enough to load in a breath.
The second half of the brief was the market. Charter customers in Bangkok are international visitors and Thai locals in roughly equal measure, so the site speaks both languages properly — real Thai copy across the entire site, not a machine-translated afterthought bolted on later — with English served on clean URLs and Thai a single tap away.
Seven pages, one goal —
turn an evening's daydream into an enquiry.
The yacht
Specifications a charter buyer actually asks about — capacity, decks, crew — presented guest-first, with the onboard experience shown as playing footage: the lounge, dining with the skyline moving past, the open bow deck.
The route
An interactive map of the two-hour round trip from ICONSIAM, with the landmarks along the way — Wat Arun, the Memorial Bridge, the Rama VIII at night — each presented as living, moving imagery rather than a static thumbnail strip.
Packages & events
Charter packages and event formats — dinners, celebrations, weddings, corporate — laid out as clear cards with real inclusions, so a buyer can compare options without emailing first. Every card carries its own enquiry action.
Lead capture
Tap "enquire" on any package or event and the contact form arrives with that package already selected. The enquiry lands in the client's inbox with the customer's email as reply-to — no dashboard to log into, no leads lost to a spam folder.
Bilingual
Every page, label, package and error message exists in both languages with exact parity — Thai typography included, with display and body faces chosen for Thai script rather than defaulted. The language toggle keeps you exactly where you were.
Speed
Long-life caching, per-file versioning so a re-edited clip updates without re-downloading the rest, and quiet background prefetch that readies the next page's hero while you read this one — measured down to a hero being ready in milliseconds.
Nothing on the site pretends. The boat you scroll past is the boat that picks you up at the pier — which is exactly the trust a four-figure evening booking needs.
Every hero loops in the same rhythm, out and back, with the turnaround frames trimmed so motion never freezes. Consistency is what reads as calm — and calm is the brand.
Encoding choices were made by measuring sharpness at the size screens actually display, not by eye at a zoomed-in crop. Several "obvious" quality upgrades were rejected because the measurements showed no visible gain for real load cost.
Charters are consultative: date, menu, occasion, headcount. A form that pre-fills context beats a checkout that cannot ask questions. The structure leaves room to add booking later without a rebuild.
thelegacyyacht.io —
open it and scroll with the sound of the river in mind.
QUESTIONS WORTH ASKING
Because the product is two hours of moving scenery. A photo of a yacht sells a boat; footage of the river sliding past the dinner table sells the evening. The client already owned the footage — the site's job was to make it load fast enough to lead with.
Only if you ship it carelessly. Here, below-the-fold clips wait until you approach them, visited pages cache their footage for a year, and the next hero downloads quietly in the background while you read. The measured result is heroes that start in a breath on a first visit and instantly on every visit after.
Half the market books in Thai. A half-translated site tells those customers they are the afterthought — the opposite message a premium brand can afford. Every string on the site exists in both languages, down to form errors, and the Thai pages use type chosen for Thai script.
The invisible work: making twenty-plus video clips behave like one calm system. Loops that never hitch, encodes measured at real display sizes, caching that survives re-edits, and prefetch that helps without hogging bandwidth. None of it is visible — which is exactly the point.
Yes — experience businesses are exactly where footage-led design pays for itself. Bring whatever media you have; part of this build was making the client's existing reel work harder than a new photoshoot would have. Pricing has the numbers, and the free audit is the no-risk way to start.
That was this client's problem too. Send your link — the free audit will tell you what is costing you bookings.
