mockup del sito DiegoFerrara.com e del relativo responsive design

DiegoFerrara.com

Logo design / Web design / Web development / SEO

Per il sito DiegoFerrara.com,
oltre alla progettazione e realizzazione delle pagine web,
ho realizzato anche il logo e curato la parte SEO.

mockup della gallery del sito diegoferrara.com in versione desktop

La grafica essenziale delle pagine e lo sfondo bianco
sono stati scelti per spostare l'attenzione sulle immagini, l'elemento più importante del sito.
Il layout delle pagine è realizzato in HTML e CSS.
Il sito non utilizza nessun plug-in.

mockup della gallery del sito diegoferrara.com nella versione mobile e su tablet

Nella gallery sono ovviamente le immagini le protagoniste,
unico elemento di colore, oltre al logo, presente nella pagina.
La navigazione a scorrimento verticale si conclude con un apposito bottone
"back to top"
che rimanda ad inizio pagina tramite uno script in jQuery.

mockup della pagina about del sito diegoferrara.com in versione multilingua, inglese ed italiano, ottimizzata per desktop e mobile

Il sito è bilingue, tutti i testi infatti sono stati tradotti in inglese ed italiano,
la scelta della lingua è possibile tramite il click (o il tap) sulle sigle "EN" e "IT"
presenti in alto destra in tutte le pagine.

mockup della home page del sito diegoferrara.com in versione mobile con menu aperto e chiuso e in inglese ed italiano

Nella versione mobile del sito il menu è a scomparsa, un apposito
script jQuery lo fa comparire e scomparire tramite un tap.
Anche il menu è in italiano ed inglese.

Vai al sito
Foto di: Diego Ferrara e Francesca Bottazzin