Skip to content

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

Idraulica Deiana on a phone, the 3D tap at the top, the condensed headline and the button to request an inspection
Idraulica Deiana on a phone, the red leak band with the steps to close the valve and switch off the power
Idraulica Deiana on a phone, the commitments on a dark background with the open toolbox and shoe covers

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

Idraulica Deiana, the home page with the red 3D tap, the condensed white and red headline and the inspection box
Idraulica Deiana, the water drop in the middle of the screen with the bathroom sharp inside it and blurred all around
Idraulica Deiana, the vertical service panels with the open one on repairs and leaks and the pipe wrench
Idraulica Deiana, the red leak band with the three things to do straight away and the number to call
Idraulica Deiana, the method on light tiles with four steps joined by a pipe that fills with water

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

Want a site like this for your business?

Let's talk