What matters most is inside
A campervan’s character comes through in its interior: materials, furniture layout, sleeping spaces and light through the windows.
We wanted the first move on the page to be a step inside.
Back to main pageNOMADHAUSInside the campervan.
NOMADHAUS is a demonstration brand of hand-finished campervans. The site opens on a van in a studio. Scrolling takes visitors through the open door and into the interior.
Scrolling as a camera move
The camera moves from the van in the studio through the open door into the cabin. The sequence contains 144 frames, with scrolling selecting each image.
The hero text stays put. Behind it, focus racks in like a lens as the cabin fills the frame.
Stages of work
- 01
Direction
A bright studio, wood inside the build and sunsets on the road.
- 02
The move
144 frames from the van in the studio to the cabin.
- 03
Website
Four layouts, a gallery and a footer with mountains.
- 04
Finish
Blur under the text, frame cross-fades and motion you can turn off.
How the first screen works
- 01
An image sequence
The frames are plain images drawn on a canvas. The first screen appears as soon as the opening frames are ready. The rest streams in behind it.
- 02
Smooth between frames
A scroll rarely lands exactly on a frame, so two neighbours cross-fade in sixteen steps. Slow scrolling stays smooth with only 144 frames.
- 03
Keeping the text readable
The image beneath the copy gradually blurs and lightens. We prepared the blurred frames in advance for a consistent effect across browsers.
- 04
Displaying available frames
If the next frame has not loaded, the page shows the nearest available one. Visitors can start exploring before the entire sequence is ready.
The offer and gallery
Four layouts
The Ridge, The Meridian, The Wren and The Cairn. Cards with the floor plan, price and berths.
A gallery with depth
Each photo moves at its own speed and leans gently toward the cursor. A click opens a preview.
Reduced-motion version
With reduced motion the page scrolls 1:1 and the gallery stays still.
- 144frames in the move inside
- 16cross-fade steps between frames
- 4layouts in the range
The interior from the first screen
Visitors see the interior and its materials straight away. They can then compare four layouts, check prices and browse the gallery.
