• CLIENT:Fornasetti
  • Area:Front End
  • Skills:Microanimation, interaction design, Js, HTML5, CSS3

Piero Fornasetti, un genio

Pittore, scultore, decoratore d'interni, stampatore di libri d'arte, designer.

Piero Fornasetti è stato un pittore, scultore, decoratore d'interni, stampatore di libri d'arte, designer e creatore di oltre undicimila oggetti, di scenografie e di costumi, organizzatore d'esposizioni e iniziative a livello internazionale italiano.
Il suo archivio, oggi curato e custodito dal figlio Barnaba Fornasetti, è una scoperta continua di simboli variopinti ed emozionanti che dalle farfalle si spingono alle carte da gioco, fino ad arrivare ai volti, o meglio a quell’inconfondibile volto divenuto simbolo del marchio

Created with Sketch.
  • #000000 0 0 0 100

  • #CB0829 203 8 41 100

  • #FFFFFF 255 255 255 100

Created with Sketch.
Created with Sketch.
New Challenge
Stile inconfondibile

La sfida in questo progetto consisteva nello sviluppare il Front End e definire le animazioni per una nuova sezione del sito Fornasetti.

Lo stile del design di questa nuova sezione rispecchiava appieno il mood di Fornasetti, noi ci siamo concentrati sopratutto sulle animazioni rendendole il più fluide possibili e regalando agli utenti una piacevole navigazione.

Animazioni
Le chiavi in movimento.

In questa sezione abbiamo dedicato molta cura nella creazione dell'animazione delle chiavi, gli oggetti si muovono simultaneamente con diverse rotazioni, il tutto è stato gestito attraverso css mantenendo le perfomance elevate.

Created with Sketch.
Created with Sketch.
Responsive Layout
Visualizazzione mobile.

Anche per la realizzazione del responsive abbiamo dedicato molta precisione, tutte le animazioni da mobile dovevano mantenere le stesse perfomance di quelle desktop.

Created with Sketch.
Griglie dinamiche
Tutti gli artisti del Don Giovanni.

Un'altro aspetto interessante in questo progetto riguarda le griglie degli artisti del Don Giovanni, ogni artista è all'interno di un riquadro cliccandolo l'utente si ritrova all'interno della scheda dove vi sono informazioni e video inerenti alla sua professionalistà

Created with Sketch.
Created with Sketch.