Case note
A yacht page, produced end to end.
The vessel does not exist. Everything else does — the imagery, the film, the drawings, the engineering and the numbers below.
View the pageMeasured, not claimed
Full-bleed cinematic scroll usually costs performance. It did not have to.
97
Lighthouse performance
mobile, throttled 4G
100
Accessibility · SEO · Best practices
all three
2.4s
Largest contentful paint
target was 2.5
0
Cumulative layout shift
86KB
Initial payload
before any frame loads
240
Scroll-scrubbed frames
two sequences, one canvas
The harder half was not the code
A concept vessel cannot be photographed. Every frame here was produced, and the difficulty is not making one good image — it is making forty images of the same vessel.
8
Identity-locked reference angles of one vessel
5
Interior, deck and engine-room views
2
Continuous films: separation, and underway into night
5
Native 9:16 masters, reframed rather than cropped
1
General arrangement, drawn as vector, not generated
One locked identity reference governs every later frame. Rejected takes are kept with the reason they failed, so the vessel never drifts between scenes.
What this means for a yard
Before the hull exists
Launch material for a concept or a hull under construction, without waiting for sea trials or a photographer.
One vessel, many frames
Angles, interiors, night, underway — all recognisably the same boat.
Drawings that hold up
General arrangement drawn as vector. It stays sharp at any zoom, weighs 22KB, and each deck can be revealed on scroll.
Speed where it counts
The page opens in under a second on a mid-range phone on 4G, which is where most first views happen.
One source, two outputs
The specification page and the four-page PDF are generated from the same data. Change a figure once and the site and the brochure both move. The print master is a page, not a layout file.
Not a template
Scroll engine, asset pipeline and drawings were built for this. The same approach adapts to a range, a single listing, or a brochure.
Contact
Martin Choi
Stavast is a fictional yard created for this demonstration. The vessel, its specification and its drawings are concept work and are not offered for sale.