Tutti i progetti personali

Sito al Piatto

Servizio di creazione siti su misura per ristoranti, pizzerie, trattorie e gelaterie. Oltre alla vetrina che presenta l'offerta ho costruito quattro siti dimostrativi completi, uno per tipo di locale, navigabili come se fossero veri.

Contesto
Progetto personale
Ruolo
Design e sviluppo
Stack
HTML, CSS e JavaScript, senza framework
Dimostrativi
Ristorante, pizzeria, trattoria, gelateria
Stato
Online
Vetrina di Sito al Piatto sul telefono: titolo “Il sito del tuo ristorante, pronto in 3 giorni”, i pulsanti per il preventivo e per i lavori, e l'anteprima di un sito dimostrativo.
La vetrina: cosa si vende, a chi, e subito sotto la prova

Descrizione del progetto

Sezione della vetrina intitolata “Cosa sappiamo fare: quattro esempi”, con le schede dei ristoranti dimostrativi.
I quattro siti dimostrativi: locali immaginari, ognuno con la sua identità visiva

La pagina principale spiega cosa offro e porta ai quattro esempi. Ogni esempio è un sito completo e a sé stante, con la sua identità visiva, il menu, la galleria, gli orari e il modulo contatti. Ho preferito costruirli davvero invece di raccontarli a parole, perché un ristoratore capisce cosa sta comprando solo quando ci può cliccare dentro dal suo telefono.

Ogni sito esce già pronto anche dal lato della visibilità, senza che il cliente debba chiedere niente in più:

  • sitemap.xml e robots.txt per l'indicizzazione;
  • anteprima social generata da una pagina dedicata, così il link condiviso su WhatsApp mostra un'immagine invece di un rettangolo vuoto;
  • testi e titoli scritti sulle parole che i clienti cercano davvero.

Tech stack

LinguaggiHTML, CSS e JavaScript, senza framework
Modulo contattiEmailJS, invio diretto dal browser

La scelta che conta di più è quella di non usare framework. Ogni sito è una cartella con il suo HTML, il suo CSS e il suo JavaScript: si apre, si legge e si modifica senza dover installare niente. Se un domani il cliente vuole cambiare un orario o togliere un piatto dal menu, può farlo lui o può chiederlo a chiunque, e non resta legato a me.

Il modulo contatti è l'unica parte che deve parlare con l'esterno, e la gestisce EmailJS direttamente dal browser. Così non c'è un backend da tenere acceso: nessun canone mensile, nessun database, e niente che possa smettere di funzionare mentre non guardo.

Problema risolto

Modulo di richiesta preventivo: promesse di risposta in 48 ore, nessun obbligo e consulenza WhatsApp gratuita, poi i campi nome, email, telefono e descrizione dell'attività.
Il modulo preventivo: quattro campi, nessun account, risposta scritta

I ristoranti della mia zona o non hanno un sito, oppure ne hanno uno costruito dieci anni fa che dal telefono non si riesce a leggere. Ed è proprio il telefono l'unico posto da cui una persona cerca “pizzeria vicino a me”. Chi ci ha provato è quasi sempre finito su una piattaforma in abbonamento, dove il dominio e i contenuti restano di qualcun altro e smettono di esistere il giorno in cui si interrompe il pagamento.

Da qui sono partito con due idee fisse. La prima è che il cliente deve vedere prima di comprare, e per questo ho costruito quattro siti dimostrativi completi invece di limitarmi a promettere un risultato. La seconda è che quello che consegno resta suo, file compresi, senza un canone mensile per tenerlo acceso.

C'è poi una ragione mia: questo è il primo progetto che non mi limito a programmare, ma che provo anche a vendere. È il mio banco di prova sul lato commerciale, ed è una parte del lavoro che a scuola non si impara.