Overview
Room8's old WordPress theme showed immersive work through flat stills and a long list of services. We moved it to a fast Next.js build with a real-time 3D hero, kept every page, project and article, and made the content editable from a single JSON file.
- Real-time WebGL hero: the R8 mark turns into a VR headset as you scroll
- 30 pages, 57 projects and 57 articles moved from WordPress with their old URLs redirected
- A use-case finder that matches visitors to relevant work in three clicks
Tech stack
Small moments that make you want to play.
Product strategy
Room8's buyers are agencies, brands and universities who need to picture what an immersive project could do for them. So we led with interaction, not explanation: a hero you can scroll through, a portfolio scroller organised around outcomes, and a finder that goes from "we work in…" to real examples.
Design & systems
A dark, high-contrast system built on Room8's yellow, with heavy display type and rounded panels that stack as you scroll. Every block takes shared modifiers for overlap, colour and spacing, so new pages can be put together from the CMS without new code.
Impact
A site that shows what immersive work feels like, not just what it is.
Visitors meet a 3D scene before any copy, and the footer has a coin they can drop into a slot to set off a shower of R8 coins. Behind that, the whole site runs from one CMS file, so the Room8 team can add projects and pages without a developer.
Scroll-driven 3D hero
A Three.js scene where the R8 mark morphs into a VR headset as you scroll, with a static fallback for low-power devices.
Playable footer
Hover spins the coin, and a click posts it into the slot and sets off a physics-based coin rain that bounces off the ROOM8 wordmark.
JSON-driven content
Pages, projects, articles and shared blocks all live in one cms.json, rendered by a block parser that keeps the site fast and easy to extend.
