Fioreria Ada

Web Design

Un semplice sito vetrina per un negozio di fiori, realizzato con le ultime tecnologie web disponibili;
il sito è realizzato con piattaforma wordpress e tema grafico custom realizzato espressamente per il cliente.

Approccio single-page mobile-first, comportamento responsive, effetti allo scroll, caricamento asincrono del contenuto.

E’ stato dedicato parecchio tempo all’ottimizzazione del comportamento responsive, con ampio uso di media-queries e scripting per rendere l’esperienza responsive il più gradevole possibile.

Altre funzionalità degne di nota sono l’integrazione di alcuni pacchetti di front-end, come lo slider flexslider che è stato implementato nella fruizione delle gallerie immagini, con l’integrazione del lazy loading, per limitare il consumo di banda nella fruizione mobile e velocizzare il caricamento da desktop.

Tecnologie utilizzate

  • WordPress
  • HTML5 , SASS , PHP
  • Bootstrap
  • Automazione e integrazione librerie frontend (GULP)
  • Javascript + jQuery / AJAX

Eventi Wedding

Web Design

Un sito semplice, naturalmente mobile-first, vicino concettualmente ad un “single page website”, senza però poterlo essere, visti i numerosi contenuti da presentare. L’unicità e le caratteristiche del progetto hanno imposto la progettazione ed esecuzione di un design 100% custom.

Cover video HTML5 in homepage, con interazioni CSS3.
Il contenuto principale è disposto a blocchi omogenei, con titoli grandi e inequivocabili, invitando ad una navigazione touch-friendly, secondo i canoni contemporanei, vengano chiamati “Metro UI” o “Material Design”.

E’ stato dedicato parecchio tempo all’ottimizzazione del comportamento responsive, con ampio uso di media-queries e scripting, estendendo la griglia standard di Bootstrap3 per rendere l’esperienza responsive il più gradevole possibile.

Altre funzionalità degne di nota sono l’integrazione di alcuni pacchetti di front-end, e  l’integrazione del lazy loading, per limitare il consumo di banda nella fruizione mobile.

Oltre il punto di vista tecnico, per questo sito ho curato integralmente copywriting ed organizzazione dei contenuti.

Tecnologie utilizzate

  • WordPress
  • HTML5 , SASS , PHP
  • Bootstrap
  • Automazione e integrazione librerie frontend (GULP)
  • Javascript + jQuery / AJAX