Una pagina sola
Tutto sta in una pagina che scorre, dall’apertura ai contatti. Il menu porta alle sezioni con un tocco.
Casi studioOttica
Progetto dimostrativoOttica Belguardo.
Sito dimostrativo per un’ottica: montature, lenti e servizi in una sola pagina, pensata per il telefono.
Attività di fantasia. Sito costruito da DirezioneX per mostrare come lavoriamo in questo settore: non è un lavoro commissionato.
La sfida.
Chi cerca un’ottica dal telefono vuole capire in fretta tre cose: che occhiali trova, se può fare il controllo della vista e come arrivare in negozio. Il sito dimostrativo è costruito attorno a queste tre domande.
Cosa abbiamo fatto.
Vetrina delle montature
Occhiali da vista e da sole stanno in due schede, con due foto per ogni montatura. Più sotto una fila scorrevole ne mostra altre.
Lenti e servizi
Una sezione è dedicata alle lenti e al laboratorio. Quattro riquadri riassumono i servizi, a partire dal controllo della vista.
Contatti in fondo
La pagina si chiude con la sezione dei contatti: recapiti e orari del negozio, tutti di esempio.
Sito dimostrativo dichiarato
Una riga in pagina dice che il sito è dimostrativo e che l’attività è di fantasia. La pagina chiede ai motori di ricerca di non mostrarla e i moduli non inviano dati.
Come funziona.
Apre la pagina
Vede la foto d’apertura e due tasti: occhiali da vista e occhiali da sole.
Guarda le montature
Sfoglia le due schede e la fila scorrevole, con due foto per modello.
Legge i servizi
Trova la sezione su lenti e laboratorio e i quattro riquadri dei servizi.
Arriva ai contatti
In fondo trova gli orari e i recapiti del negozio.
I numeri.
- sezioni in una sola pagina
- 11
- schede montatura, ognuna con due foto
- 14
- riquadri dei servizi
- 4
Tecnologie.
- HTML
- CSS
- JavaScript
- GSAP
- ScrollTrigger
- Lenis
- Google Fonts
Servizi collegati.
Altri casi studio.
Marea
Cocktail bar · Licata
