mockup del sito lauralessandrosposi.it e del relativo responsive design

Lauralessandrosposi.it

Web design / Web development

Il sito lauralessandrosposi.it è stato realizzato per il matrimonio di Laura e Alessandro.
Gli sposi volevano uno spazio per raccontare ad amici e parenti la loro storia,
l'avanzamento dei preparativi e fornire informazioni utili per la cerimonia.

screenshot delle sezioni 'Testimoni' e 'Laura e Alessandro' in versione mobile

Il sito è composto da un'unica pagina HTML divisa in sezioni, la navigazione è gestita tramite
un menu "fissato" in cima alla pagina oppure attraverso il semplice scroll.
Le animazioni sono state create in jQuery, il layout delle pagine in HTML e CSS.
Il sito non utilizza nessun plug-in.

screenshot della sezione '6 Settembre' con mappa ed indicazioni

Il sito è 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.

screenshot del menu nella versione mobile del sito

Per garantire la migliore esperienza d'uso possibile, nella versione mobile del sito,
il menu per l'accesso alle varie sezioni del sito è stato nascosto, per farlo apparire e scomparire
è stato aggiunto un apposito pulsante fissato in alto a sinistra.
L'animazione del menu è stata realizzata in jQuery.

Il sito non è più on line