Sito 3D · Ingresso dalla ruota dentata
Meccanica Albertini Foschi
Due ingranaggi si incastrano e una finestra della ruota ti porta in reparto.
- Anno
- 2026
- Stato
- Concept
Il problema
Chi cerca un'officina per far realizzare un pezzo vuole capire in fretta tre cose, cioè se sanno farlo, con quali materiali e in quanto tempo.
I siti delle aziende meccaniche spesso non aiutano, con un elenco di macchinari, foto del capannone viste mille volte e un modulo generico. Il lavoro vero, la precisione e la persona che risponderà al telefono restano nascosti, e l'ordine finisce a chi si spiega meglio.
La soluzione
Ho voluto che Meccanica Albertini Foschi si presentasse come fa un'officina seria, con un gesto preciso.
In apertura una ruota dentata azzurra e un pignone arancio, modellati in codice dente per dente, stanno accanto al titolo. Mentre scorri il pignone scivola sul suo albero e si incastra, il dado si avvita e le due ruote girano insieme nel rapporto giusto. Poi la ruota si mette di fronte, dalle sue finestre si vede il reparto a fuoco e si entra in una di esse fino ad atterrare nella corsia tra le macchine. Seguono le lavorazioni in pannelli di foto, una fascia azzurra con i materiali, il metodo in quattro tavole che entrano ruotando, le domande e il modulo per il preventivo. Ho scelto grafite, azzurro e caratteri da disegno tecnico.
Il sito in numeri
- Denti della ruota azzurra, che ingrana con un pignone da 14
- 30
- Finestre nella ruota, da una delle quali si entra in reparto
- 5
- Materiali lavorati, dall'acciaio alla ghisa
- 6
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
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
Usa le frecce sinistra e destra per scorrere le schermate.







