mockup del sito marcoruzza.it e del relativo responsive design

MarcoRuzza.it

Web development

mockup dell'home page del sito marcoruzza.it

Il sito MarcoRuzza.it è un portfolio on-line che mostra i lavori di grafica e fotografia del cliente. Per la realizzazione del sito sono stati creati due tipi di pagine (oltre alla home page), una contente la galleria (utilizzata nelle pagine pictures of) e una per le sezioni WORK e PARTNERS.
La navigazione tra i lavori dei clienti è stata realizzata tramite l'uso di appositi script creati in jQuery.
Il layout delle pagine è realizzato in HTML e CSS.
Il sito non utilizza nessun plug-in.

mockup della gallery del sito realizzata in jQuery

Una delle esigenze del commitente era quella di dare risalto alla sezione fotografica,
per farlo sono stati realizzati una galleria apposita ed il relativo sistema di navigazione.
La galleria e la navigazione funzionano grazie a script jQuery creati ad hoc
(anche in questo caso non sono stati usati plug-in).

mockup di una delle sezioni del sito e del responsive design su telefono e tablet in modalità portrait e landscape

Il sito è stato progettato per garantire la corretta visualizzazione dei contenuti sia sui dispositivi desktop che mobile.
Per l'implementazione del responsive design sono stati usati media queries e fogli di stile specifici per le varie risoluzioni.

mockup del funzionamento del menu a scomparsa su telefono e tablet

Per garantire la migliore esperienza d'uso possibile, nella versione mobile del sito, il menu per l'accesso alle varie sezioni è stato nascosto, per farlo apparire/scomparire è stato aggiunto un apposito pulsante di fianco al logo.
L'animazione del menu e del pulsante sono stati realizzati in jQuery.

Vai al sito