Hospitality · Bologna · 2024

Ro'Coco

Un ristorante che esiste anche online — con la stessa cura del servizio in sala.

Ro'Coco è un ristorante con cantina selezionata nel centro di Bologna. Avevano bisogno di un sito che parlasse la stessa lingua del locale: elegante, lento, premuroso. Abbiamo costruito un'esperienza single-page con scorrimento orizzontale per menu e cantina, e un pannello gestionale che permette al patron di modificare tutto da solo, in pochi minuti.

  • Settore Hospitality · ristorazione
  • Scope Sito + pannello gestionale
  • Timeline 5 settimane
  • Anno 2024

Risultati misurati

Cosa ha cambiato dopo il go-live.

  • + 240 %

    Prenotazioni dirette dal sito

    — Sistema prenotazioni · 60 giorni

  • 98 /100

    PageSpeed mobile

    — Lighthouse production

  • 85 %

    Tempo di aggiornamento menu

    — Da 2h con web agency a 12 minuti autonomi

  • × 3.1

    Tempo medio in pagina

    — GA4 · 30 giorni post-launch

Il vero problema

Il ristorante era premium. Il sito sembrava un menu PDF.

Cucina ricercata, sala curata, cantina selezionata. Il sito invece era una vetrina statica WordPress che non comunicava niente di tutto questo — e ogni modifica al menu richiedeva una mail all'agenzia.

Punto di partenza

Sito statico, lento, dipendente.

Layout standard, immagini compresse male, struttura rigida. Per cambiare un piatto serviva mandare email all'agenzia e aspettare 2 giorni. Le prenotazioni passavano tutte da telefono.

  • Aggiornamento menu = email + 48h di attesa
  • Cantina nascosta in una pagina secondaria
  • Zero prenotazioni online · solo telefono
  • Mobile experience inutilizzabile
Cosa abbiamo costruito

Single-page editoriale + pannello live.

Esperienza scorrevole con sezioni orizzontali per menu e cantina, prenotazione integrata, live editor in-context: il patron clicca sul piatto e lo modifica direttamente, vede l'anteprima, salva.

  • Modifiche menu in 12 minuti, autonome
  • Cantina con scorrimento dedicato + filtri
  • Prenotazione diretta integrata · TheFork backup
  • Mobile-first · scroll orizzontale ottimizzato touch
Sezione chi siamo Ro'Coco
Sezione 'chi siamo': ritmo editoriale, fotografia premium, linguaggio della sala.

Le superfici della pagina

Ogni sezione lavora come una sala.

Apertura, presentazione, percorso menu, cantina, gallery, prenotazione: la pagina segue la stessa coreografia di una serata al ristorante.

Flow di pagina
Flow narrativo · 6 sezioni in continuità
Sequenza sezioni
Sequenza · transizioni soft
Indice menu
Menu · scroll orizzontale per categorie
Esperienza cantina
Cantina · sezione editoriale dedicata
Gallery editoriale
Gallery · masonry editoriale
Gallery griglia
Gallery alt · griglia compatta
Live editor Ro'Coco
Live editor in-context: il patron modifica direttamente la pagina pubblica. Anteprima istantanea, salvataggio one-click.

Il pannello gestionale

Il vero salto: editare senza sapere il codice.

Quattro schermate del pannello gestionale custom. Editing live in-context, gestione menu modulare, gestione cantina con filtri, dashboard prenotazioni.

Admin dashboard
Dashboard · prenotazioni + ordini + analytics
Inline edit
Inline edit · click, modifica, salva
Menu editor
Menu editor · drag & drop categorie
Wine editor
Wine editor · filtri + provenienza + abbinamenti

Come l'abbiamo costruito

5 step. 5 settimane. Un solo interlocutore.

Brand designer, sviluppatore, content director nello stesso tavolo. Il patron del ristorante ha avuto un solo punto di contatto dal kickoff alla consegna.

Tempo totale: 5 settimane

  1. 01

    Discovery + degustazione

    Mezza giornata in sala con il patron e lo chef. Mood, lingua del locale, foto reference, mappa dei piatti.

    Settimana 1

  2. 02

    Architettura + design system

    Wireframe a sezioni con scroll orizzontale, paletta neutrale, fotografia editoriale. Approvazione su 1 prototipo.

    Settimana 2

  3. 03

    Sviluppo Astro + pannello gestionale

    Sviluppo iterativo. Pannello custom per editing live: niente WordPress, niente plugin, niente blocchi.

    Settimane 3-4

  4. 04

    Content + foto editoriali

    Foto cucina + sala con ottimizzazione AI on-brand. Compilazione menu + cantina con il patron in 1 sessione.

    Settimana 4

  5. 05

    Go-live + handover

    Deploy + integrazione TheFork + formazione 1h sul pannello. Da quel momento il patron è autonomo.

    Settimana 5

Prima passavo 2 ore al telefono con la web agency per cambiare un piatto del giorno. Ora lo faccio io dal cellulare in pausa servizio. Il sito sembra finalmente quello del nostro ristorante, non di un'altra cosa.

Patron · Ro'Coco

Ristorante Ro'Coco Bologna

Materia tecnica

Stack e deliverable consegnati.

01 Stack tecnico

  • Astro 5
  • TypeScript
  • Cloudflare Pages + R2
  • Pannello custom Node.js
  • TheFork API
  • Schema.org Restaurant + Menu
  • Foto AI on-brand
  • Mobile-first scroll horizontal

02 Cosa è stato consegnato

  • Sito single-page Astro con 6 sezioni narrative
  • Pannello gestionale custom con live editor in-context
  • Editor menu modulare (categorie · piatti · prezzi · allergeni)
  • Editor cantina con filtri (regione · vitigno · annata · abbinamento)
  • Dashboard prenotazioni · backup TheFork integrato
  • Set fotografico AI on-brand (40 scatti cucina + sala)
  • Schema.org Restaurant + Menu + LocalBusiness nativi
  • Formazione operativa 1h al patron

Vuoi un sito che assomigli al tuo locale?

Lo stesso approccio funziona per ristoranti, hotel, retail premium e servizi locali con identità forte. Prima call gratuita per capire se ci siamo dentro.

Prossimo case · Alta orologeria · Bologna

Tempus Fugit — vetrina locale → infrastruttura di conversione luxury.

Apri il case