Ardverran House. The page is the sea crossing to the front door.
- A website concept for an exclusive-use island estate off Scotland's west coast, reached by boat and kept for one party at a time
- A real-time ocean in raw WebGL: forward way, a bow wake, a rock passing to starboard, weather that lives on its own, and an arrival that resolves into a photograph through its one lit window
- 8.3 millisecond median frame time on desktop and phone renderers in testing; phones pull roughly 0.6MB of images
A studio concept by Hammer & Pixel
Ardverran House is an invented brand. We build self-initiated concepts to show our approach where client work cannot: the house is fiction, the brief is real, and so is every line of the build.
The brief
Design a website for an island shore estate taken by one party at a time, reached by boat. The obvious approach is photography of rooms. The honest one is the journey: this is the last house before the Atlantic, and arriving is the point.
The concept
The page is the arrival. It opens on live water: a real-time sea with swell, gusts that follow the cursor, and weather that changes on its own clock, so no two visits show the same sea. Scrolling is the crossing. The water streams beneath you, a wake opens behind, a skerry passes to starboard wearing its own foam, and the crossing resolves into the house through its one lit window: a slow push-in, not a fade. Then the estate itself: rooms, the table, the island, all photographed in a single hour of silver dusk.
The specification
- A signature real-time sea, built raw with no engine
- The full journey on desktop, and a recomposed phone experience that shows the water on first paint
- Living weather, including rare rain on the glass
- A drawn map of the island that assembles as you scroll
- Complete reduced-motion and no-WebGL experiences
- Self-managing performance that steps down before a device struggles
- One hour of light across all photography
- No templates, and honest concept labelling on the page
What Hammer & Pixel built
- The sea itself: a five-wave real-time water simulation with cursor gusts, squall bands and gap light, written in raw WebGL2
- The crossing: forward way, a physical bow wake, a shader-built rock with a breathing foam collar, and a match-cut arrival into the photograph
- An asset system that holds the whole estate to one hour of dusk light, chained from a single master frame
- A map of the island that draws itself coast first, the way a chart is read
- The table, breathing: one film loop of candle flames and hearth, and a room that otherwise never moves
Proof
Desktop and phone stills
Walkthrough film
Want this thinking on your own brand?
Serious enquiries receive a homepage concept for their own brand before any commitment. One page, designed properly, so you judge us on work rather than promises.
On Upwork? Message us there instead.