Case study · Interior design studio website
Terra — Interiors & Spaces a home shaped by light.
A film-led website for an interiors studio — five interior studies in stone, linen and warm timber, a light switch, a pausable hero film and enquiries.
This is the real website. Scroll it, tap it, try it. On a phone it’s best full screen.
- Type
- Interior design studio website
- Sector
- Interiors & architecture
- Sections
- 3
- Built with
- Hand-coded · no templates
About the site
Terra is an interiors studio website built around light. “A home shaped by light.” A slow film of a sunlit room opening onto an olive grove plays behind the headline, and the page invites you to explore five interior studies in stone, linen and warm timber.
The idea
Interior design is bought on feeling, so the site leads with atmosphere rather than a portfolio grid: one calm film, one big serif headline, and two clear routes — “Explore our spaces” or “Enquire”. A sun button in the header lets visitors change the light of the page itself.
What we built, section by section
- 01
Spaces to feel at home in
The hero: a sunlit film, “A home shaped by light.” and “Explore our spaces”.
- 02
Five interior studies
Spaces in stone, linen and warm timber — reached by scrolling to discover.
- 03
Enquire
An enquiry button kept in the header at all times.
From the build
Films and pictures from inside the Terra — Interiors & Spaces website. Swipe through.
Features
- Full-screen hero film
- “Pause film” control
- Light / dark sun switch in the header
- Always-visible Enquire button
- Scroll-to-discover journey
Look and feel
Warm stone, linen and olive tones under a soft film, with a large classic serif headline and widely spaced capitals — calm, natural and premium.
Under the bonnet
- Hand-coded, no framework
- Background film with an accessible pause control
- Theme switch remembered for the visit
Like everything I build, it’s made from scratch. No page builder, no theme. So it’s quick, it works on phones first, and it’s easy to change later.
