3D website · Into the drop
Idraulica Deiana
A drop forms on the tap, and inside it is the finished bathroom.
- Year
- 2026
- Status
- Concept
The problem
When there is a leak or a new bathroom is needed, people looking for a plumber often find websites made of a few site photos and a list of services.
You cannot tell when they will turn up, whether the price is given beforehand or only once the job is done, or what to do while the water keeps running. Even the most common doubt goes unanswered, which is whether the house will be left clean and tidy.
The solution
I designed Idraulica Deiana around the mixer tap, where hot and cold meet at just the right point.
At the top, a red tap, a 3D model built in code, stands next to a huge headline in front of a dark, blurred bathroom. As you scroll the scene holds still, the lever lifts, the tap turns towards you and a drop forms and swells. Inside the drop the bathroom is sharp, then you move into it and land in the finished bathroom. Next come the service panels, a red band for leaks, the method along a pipe that fills with water, the commitments and the questions, all the way to booking an inspection. I chose hot-water red on cast-iron black, cold-water blue for the reflections and narrow, workmanlike typefaces.
The site in numbers
- Parts in the 3D tap model, from the lever to the drop
- 7
- Things to do straight away when there is a leak at home
- 3
- Commitments kept on every job, from timing to warranty
- 5
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
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
Use the left and right arrow keys to browse the screens.







