Skip to content

3D website · Through the front door

HouseBuild

The villa's front door opens and you scroll your way into the living room.

Year
2026
Status
Concept

The problem

Anyone looking for an architect for their home often finds sites that read like trade magazines, with projects photographed without people, texts full of concepts and no sign of how working together actually goes.

You cannot tell where it starts, what a project costs, how long it takes before work begins or who handles permits and the building site. So choosing a studio becomes a leap in the dark.

The solution

HouseBuild is a studio that designs the empty space first and the walls after, starting from how its future owners live.

At the top, a villa at sunset carries the headline split between sky and garden. As you scroll the scene holds still, the oak door, a 3D model built in code in five parts, swings inward, warm light spills onto the path and you cross the threshold into the furnished living room. The page then introduces the studio, a gallery of houses that ends on the courtyard house, the services, the same room moving from sketch to building site to finished home, the questions and the form for a first meeting. I chose charcoal, lime plaster and terracotta, with light slab-serif headings.

The site in numbers

Parts of the 3D door, from the frame to the light above the entrance
5
Stages of the same room, from sketch to building site to finished home
3
Page sections, from the villa to the first-meeting form
7

Technologies

  • React
  • Three.js
  • GSAP
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lenis
  • Motion
  • 21st.dev
  • ChatGPT

The screens

On mobile

The same site on a phone, designed for thumbs and small screens.

1 of 3

HouseBuild on a phone, the villa at sunset with the lit path, the two-line headline and the first-meeting button
HouseBuild on a phone, the gallery of houses with four photos around the heading "Every house starts with the people who live in it."
HouseBuild on a phone, the invitation to take the first step over the courtyard house at night, with the booking link

Use the left and right arrow keys to browse the screens.

On desktop

The page scrolls and the scene changes with you. Here are a few moments, from the opening to the contact section.

1 of 5

HouseBuild, the home page with the headline "First the space. Then the walls." across the brick facade and the oak door
HouseBuild, the oak door opened inward in the dark portal, with the living room and lit olive trees beyond the threshold
HouseBuild, the courtyard house with the pool in full screen and the invitation "Got a plot, a house to change or just an idea?"
HouseBuild, the light services section with the panel open on the new house and the other three closed vertically
HouseBuild, the method "From drawing to real home" with the photo of the room under construction and the steps scrolling alongside

Use the left and right arrow keys to browse the screens.

Want a site like this for your business?

Let's talk