Caso studio

Right Color

Brand indipendente di colorazione professionale per capelli, prodotto in Italia.

Settore
Colorazione per capelli
Sede
Parabiago (MI)
Cosa abbiamo fatto
Sito web e scene 3D
Il sito di Right Color su desktop
Il sito di Right Color su smartphone

L'obiettivo

Esaltare lo stile di Right Color.

Rifare il sito da capo e mettere in primo piano quello che distingue Right Color: la formula con la caffeina e la produzione tutta italiana.

  1. 01

    Restyling

    Un'immagine nuova, in nero e oro, dalla home all'ultima pagina.

  2. 02

    La formula in 3D

    La caffeina e gli altri ingredienti si esplorano in 3D.

  3. 03

    Tre lingue

    Sito e cataloghi in italiano, inglese e spagnolo.

Cosa abbiamo fatto

Il prodotto al centro.

Gli ingredienti, in 3D.

In home gli ingredienti della formula girano intorno alla caffeina in una scena 3D in tempo reale, da trascinare per ruotarla. Sfere e lista si rispondono: passando su un ingrediente, la sua sfera si ingrandisce e si apre la descrizione.

La scena 3D della caffeina in home: le sfere degli ingredienti girano intorno alla caffeina e, passandoci sopra, si ingrandiscono e aprono la loro descrizione

La gamma, per categoria.

La pagina Prodotti raccoglie la gamma in schede da filtrare per categoria, dalla colorazione allo styling; ogni prodotto ha la sua pagina con i dettagli tecnici.

  • La gamma
  • I filtri per categoria
  • La scheda tecnica

Le radici, in 3D.

Nella pagina L'Azienda la card accanto a “La Qualità legata alle nostre Radici.” è una scena 3D in tempo reale: scorrendoci dentro, i blocchi si aprono e al centro cresce un dodecaedro dorato in wireframe.

La card 3D della pagina L'Azienda: i quattro blocchi si aprono, al centro cresce un dodecaedro dorato, poi si richiudono

Fatto con

  • Three.js
  • React Three Fiber
  • GSAP
  • Next.js
  • Tailwind CSS

Il sito

Apri un'immagine per vederla in grande.

  • Home, la gallery Instagram
  • Il Colore, l'apertura
  • Il Colore, gli strumenti
  • La Formula, il Made in Italy
  • La Formula, il quartetto
  • L'Azienda, l'apertura
  • L'Azienda, la presenza internazionale
  • Cataloghi
  • Contatti, la formazione

Prossimo progetto

Torna ai progetti

Caso studio

ALMA Energia

Energia, Sito web e scene 3D

Fornitore di luce e gas che affianca alla fornitura il riciclo della plastica e una community di persone e imprese.

Scopri il progetto: ALMA Energia
Il sito di ALMA Energia su desktop
Il sito di ALMA Energia 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