Vai al contenuto

Sito 3D · Ingresso nella goccia

Idraulica Deiana

Sul rubinetto si forma una goccia e dentro c'è già il bagno finito.

Anno
2026
Stato
Concept

Il problema

Quando c'è una perdita o serve un bagno nuovo, chi cerca un idraulico trova spesso siti fermi a qualche foto di cantiere e a un elenco di servizi.

Non si capisce quando arriveranno, se il prezzo viene detto prima o solo a lavoro finito, né cosa fare nei minuti in cui l'acqua continua a scendere. Anche il dubbio più comune resta senza risposta, cioè se la casa verrà lasciata pulita e in ordine.

La soluzione

Ho disegnato Idraulica Deiana attorno al miscelatore, dove caldo e freddo si incontrano al punto giusto.

In apertura un rubinetto rosso, un modello 3D costruito in codice, sta accanto a un titolo enorme davanti a un bagno scuro e sfocato. Mentre scorri la scena si ferma, la leva si alza, il rubinetto si gira verso di te e si forma una goccia che si gonfia. Dentro la goccia il bagno è nitido, poi ci si entra e si atterra nel bagno finito. Seguono i servizi a pannelli, una banda rossa per le perdite, il metodo lungo un tubo che si riempie d'acqua, gli impegni e le domande, fino al sopralluogo. Ho scelto il rosso dell'acqua calda sul nero ghisa, l'azzurro dell'acqua fredda per i riflessi e caratteri stretti da cantiere.

Il sito in numeri

Pezzi del modello 3D del rubinetto, dalla leva alla goccia
7
Gesti da fare subito quando c'è una perdita in casa
3
Impegni presi a ogni lavoro, dall'orario alla garanzia
5

Tecnologie

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

Le schermate

Su mobile

Lo stesso sito sul telefono, pensato per il pollice e per lo schermo piccolo.

1 di 3

Idraulica Deiana da telefono, il rubinetto 3D in alto, il titolo condensato e il pulsante per chiedere un sopralluogo
Idraulica Deiana da telefono, la banda rossa delle perdite con i gesti per chiudere la valvola e staccare la corrente
Idraulica Deiana da telefono, gli impegni su fondo scuro con la cassetta degli attrezzi aperta e i copriscarpe

Usa le frecce sinistra e destra per scorrere le schermate.

Su desktop

La pagina scorre e la scena cambia con te. Qui alcuni momenti, dall'apertura ai contatti.

1 di 5

Idraulica Deiana, la home con il rubinetto 3D rosso, il titolo condensato in bianco e rosso e il riquadro per il sopralluogo
Idraulica Deiana, la goccia d'acqua al centro dello schermo con dentro il bagno nitido mentre intorno resta sfocato
Idraulica Deiana, i servizi a pannelli verticali con quello aperto su riparazioni e perdite e la chiave a pappagallo
Idraulica Deiana, la banda rossa per le perdite con i tre gesti da fare subito e il numero da chiamare
Idraulica Deiana, il metodo su piastrelle chiare con quattro passaggi uniti da un tubo che si riempie d'acqua

Usa le frecce sinistra e destra per scorrere le schermate.

Vuoi un sito così per la tua attività?

Parliamone