DS Menu
Menu digitali progettati per trasformare il modo in cui un’attività presenta ciò che vende
DS Menu è un sistema di menu digitali per attività locali. L’ho costruito come prodotto, non come singolo sito: un motore comune e, per ogni locale, un tema e i suoi dati.
- Tipo
- Prodotto digitale, menu per attività locali
- Ruolo
- Design e sviluppo
- Stato
- Showroom dimostrativo
- Demo
- 16 locali di fantasia
- Lingue
- IT, ES, EN, DE, FR
Locali, piatti e prezzi sono di fantasia.
- Tipo
- Prodotto digitale, menu per attività locali
- Ruolo
- Design e sviluppo
- Stato
- Showroom dimostrativo
- Demo
- 16 locali di fantasia
- Lingue
- IT, ES, EN, DE, FR
Locali, piatti e prezzi sono di fantasia.
Il sistema
Un solo sistema, sedici identità.
Ristoranti, dolci e caffè, locali serali, mare ed eventi. Ogni demo ha i suoi colori, il suo carattere tipografico e il suo modo di mostrare i prodotti. Cambia l’identità, il motore resta lo stesso.
FORNO 27, Pizzeria
FORNO 27
Fuoco e carattere: un manifesto tipografico, foto calde e taglie in chiaro.
- Palette
- Carattere
- Big Shoulders Display
- Tema
- chiaro
Sono demo: locali, piatti e prezzi sono di fantasia, le foto hanno licenza e i dati sugli allergeni sono dimostrativi.
Il QR
Un QR. Un menu. Un’esperienza.
Il cliente inquadra il codice dal tavolo, dal bancone o da un volantino e il menu si apre nel browser, senza app e senza registrazione. Poi sceglie per categoria e apre il prodotto: formati, prezzi, ingredienti, allergeni.
Si inquadra
Un QR sul tavolo, sul bancone o sul volantino.
Si apre
Il menu nel browser del telefono, nella lingua scelta.
Si sceglie
Categorie, ricerca e scheda del prodotto.
Com’è fatto
Un motore comune, un tema per ogni locale.
Pensato per il telefono
Progettato da 320 pixel di larghezza. La schermata che conta è quella del telefono, non un sito desktop rimpicciolito.
Cinque lingue
Italiano, spagnolo, inglese, tedesco e francese, con la bandiera in alto. I testi delle demo sono dimostrativi.
Categorie, ricerca, allergeni
La barra in basso porta a categorie, ricerca, filtro degli allergeni e informazioni del locale.
Schede prodotto
Formati, prezzi, ingredienti e allergeni. Ogni prodotto ha un indirizzo suo e la scheda si legge anche senza JavaScript.
Senza app né account
Si apre da un link o da un QR. Niente da installare, niente da registrare.
Un tema per locale
Colori, carattere e forma delle schede stanno nel tema. Il motore è uno: ogni locale porta i suoi dati e il suo tema.
Com’è fatto
Next.js con React e Tailwind. Un motore comune genera il menu pubblico (struttura, ricerca, lingue, schede prodotto) e ogni locale porta il suo tema, con colori, carattere e forma delle schede, e il suo insieme di dati. Le pagine sono servite da Netlify: quelle delle schede prodotto vengono generate alla prima richiesta e poi tenute in cache.
- Lo stack
- Next.js, React, TypeScript, Tailwind CSS, Netlify
- Il mio ruolo
- Product thinking, UX/UI, Design system, Frontend, Testi e foto delle demo
Il risultato
Sedici demo online, da aprire dal telefono.
- Ognuna con la sua identità: colori, carattere tipografico e modo di mostrare i prodotti.
- Cinque lingue in ogni demo.
- Un solo motore di menu, con un tema per ciascuna demo.
Ancora no
Un pannello di gestione per il titolare, gli ordini e i pagamenti. Nello showroom non ci sono e non li prometto: si valutano caso per caso.
Locali e piatti sono di fantasia. Foto con licenza, crediti in ogni demo. Testi, traduzioni e dati sugli allergeni delle demo sono dimostrativi: in un menu vero li conferma il locale.
