Caso studio

Ingrolab

Laboratorio di stampa 3D che accompagna le aziende fino alla validazione del primo prototipo industriale.

Settore
Stampa 3D industriale
Sede
Genova
Cosa abbiamo fatto
Sito web e scene 3D
Il sito di Ingrolab su desktop
Il sito di Ingrolab su smartphone

Prima e dopo

Il punto di partenza.

Il sito di prima presentava bene i servizi. Mancava quello che rende unica Ingrolab: il 3D, da vedere e da esplorare.

  • Un'impostazione classica, a elenco di servizi
  • Molti contenuti, tutti da leggere
  • Il 3D raccontato con le foto
La home del sito nuovo: “Non stampare un'ipotesi. Validala.” con il componente in wireframe
La home del vecchio sito di Ingrolab: il titolo su fondo blu e il logo 3D Ingrolab
PrimaDopo

Trascina la linea per confrontare prima e dopo.

L'obiettivo

Far vedere il 3D, non solo raccontarlo.

Rifare il sito da capo, con il 3D dentro l'esperienza e una storia da seguire: dal primo dubbio al prototipo validato.

  1. 01

    Restyling

    Un design nuovo, dalla home all'ultima pagina.

  2. 02

    Il 3D al centro

    Kit e guida si esplorano in 3D, direttamente sul sito.

  3. 03

    Un percorso

    Il sito accompagna dal dubbio alla validazione del prototipo.

Cosa abbiamo fatto

Il 3D, dove serve.

Un componente, sette tappe.

In home un componente industriale segue lo scroll e cambia forma a ogni sezione, fino al pezzo finito: sette tappe, ognuna con la sua scheda. Qui niente 3D in tempo reale, per lasciare la home leggera e veloce.

  • Wireframe
  • Stampato
  • Esploso

Il kit, in 3D.

Una scena 3D in tempo reale: la scatola del kit di validazione si apre e mostra, uno per uno, gli strumenti che contiene.

La scena 3D del kit: la scatola si apre e gli strumenti escono uno alla volta

La guida, in 3D.

La guida sui sette errori che fanno fallire un prototipo, in una scena 3D in tempo reale: la si vede come un oggetto vero, e viene voglia di scaricarla.

La scena 3D della guida sui sette errori, con la copertina e le pagine interne

Fatto con

  • Three.js
  • React Three Fiber
  • Blender
  • GSAP ScrollTrigger

Il sito

Apri un'immagine per vederla in grande.

  • Home, guida, kit e percorso
  • Home, il kit di validazione
  • Percorso, l'apertura
  • Percorso, gli errori che costano
  • Tecnologie e materiali
  • Casi studio, l'apertura
  • Casi, il fermo nave
  • Casi, il generatore
  • Contatti

Prossimo progetto

Torna ai progetti

Impresa Bacchelli

Edilizia, Sito web

Impresa edile modenese dal 1958: edilizia residenziale, ristrutturazioni, rigenerazione urbana e opere industriali.

Scopri il progetto: Impresa Bacchelli
Il sito di Impresa Bacchelli su desktop
Il sito di Impresa Bacchelli su smartphone

Il prossimo progetto può essere il tuo.

Raccontaci com'è oggi il tuo sito e cosa non funziona. Partiamo da lì, senza impegno.

Parliamone