Casi studioCaffetteria · Licata

Proposta di progetto

Kandinsky Café.

Anteprima di sito preparata per una caffetteria di Licata: una pagina sola che segue la giornata del bar, dalla colazione all’aperitivo.

Sito dimostrativo preparato da DirezioneX come proposta. Non è un lavoro commissionato.

Schermata del sito dimostrativo Kandinsky Café

La sfida.

Un bar di paese su internet di solito vive dentro gli elenchi e sui social, in mezzo agli altri locali. Chi lo cerca dal telefono vuole sapere tre cose: quando è aperto, com’è dentro e come ci si arriva. L’anteprima parte da qui: una pagina che risponde subito e non chiede di compilare niente.

Cosa abbiamo fatto.

  • Una pagina sola

    Abbiamo messo tutto in una pagina che si scorre dal telefono: apertura, giornata, foto, orari e contatti. Da computer il menu in alto ha quattro voci, sul telefono resta il tasto per chiamare.

  • Tre momenti della giornata

    Colazione, pausa e aperitivo hanno ognuno il suo riquadro, con la fascia oraria, una foto e tre voci di quello che si trova al banco.

  • Galleria del locale

    Cinque foto in formati diversi, ognuna con la sua didascalia. Nell’anteprima sono immagini dimostrative, da sostituire con quelle vere.

  • Orari e contatti

    Una tabella con i sette giorni mette in evidenza quello di oggi. Accanto ci sono il tasto per chiamare, quello che apre la mappa e i link ai social.

  • Movimento leggero

    Le sezioni entrano in pagina mentre si scorre e la foto di apertura si sposta piano. Chi ha impostato il telefono per ridurre le animazioni vede la pagina ferma.

  • È un’anteprima

    La pagina sta sul nostro server, non su un dominio dell’attività, ed è esclusa dai motori di ricerca. Un nastro fisso in basso avvisa che foto, testi e orari sono da confermare.

Come funziona.

  1. Apre la pagina

    Chi cerca il bar dal telefono trova una foto a tutto schermo e due tasti: la giornata, oppure orari e strada.

  2. Scorre la giornata

    Tre riquadri dicono cosa si trova al mattino, al pomeriggio e la sera.

  3. Guarda il locale

    La galleria mostra la sala, il banco e i tavolini fuori.

  4. Controlla gli orari

    Nella tabella il giorno di oggi è già evidenziato.

  5. Chiama o parte

    Un tocco per telefonare, un altro per aprire la mappa con la strada.

I numeri.

pagina, pensata per il telefono
1
momenti della giornata raccontati
3
foto nella galleria
5
sezioni, dall’apertura ai contatti
6

Tecnologie.

  • HTML
  • CSS
  • JavaScript
  • Google Fonts

Servizi collegati.

Altri casi studio.

Tutti i casi studio

Parliamo del tuo progetto.