— 03 · Restaurante · Sitio + reservas

Luna Bistro.

— Una mesa, una carta, una web — sin adornos. Bistro de 24 asientos. Sitio con menú del día, sistema de reservas, galería, equipo. Tipo: un menú tipográfico que se hojea como una revista.

Sector
Restaurante · Sitio + reservas
Lo que hicimos
Dirección de arte · Web design · Fotografía dirección
Ver sitio — en vivo
Imagen principal del caso Luna Bistro
Portada

Showcase

03 viewports · 10 sections
luna-bistro / 1440 × 900
Luna Bistro — vista principal en escritorio
Luna Bistro — vista en tablet
Tablet · 834×1112
Luna Bistro — vista en móvil
Mobile · 390×844
Luna Bistro — captura de escritorio (Signature)
01 · Signature 1440
Luna Bistro — captura en tablet (Signature)
02 · Signature 834
Luna Bistro — captura en móvil (Signature)
03 · Signature 390

Por la casa

10 secciones · loop ∝
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form
Luna Bistro — vista desktop de la sección home hero
home-hero
Luna Bistro — vista desktop de la sección home showcase
home-showcase
Luna Bistro — vista desktop de la sección home signature
home-signature
Luna Bistro — vista desktop de la sección home cta
home-cta
Luna Bistro — vista desktop de la sección about hero
about-hero
Luna Bistro — vista desktop de la sección about team
about-team
Luna Bistro — vista desktop de la sección menu hero
menu-hero
Luna Bistro — vista desktop de la sección home process
home-process
Luna Bistro — vista desktop de la sección reservations hero
reservations-hero
Luna Bistro — vista desktop de la sección reservations form
reservations-form

— 01 / Desafío

El problema real.

Luna rotó menú cada martes durante un año. El sitio tenía que actualizar rápido, verse editorial, y empujar a reservar sin un solo pop-up.

— 02 / Proceso

4 pasos

Cómo se armó.

  1. 01 / paso

    Audit del menú

    Sentamos 6 servicios. Anotamos tiempos, maridajes, frases de mesero. Esa es la base del copy: lo que el equipo ya sabe decir.

  2. 02 / paso

    Carta en pantalla

    Diseñamos el menú como un desplegable tipográfico. Tipografía grande, blancos amplios, una sola columna. Fotografía al lado, nunca encima.

  3. 03 / paso

    Reservas sin fricción

    el CMS + OpenTable. El formulario cabe en una pantalla. Confirmación por email, recordatorio 24h antes.

  4. 04 / paso

    Mantener vivo

    El equipo edita el menú cada lunes. Galería se actualiza con cada servicio. 6 meses sin pedirnos soporte.

— 03 / Sistema

El lenguaje visual.

— Paleta

Gold
#D4AF37 · Acento lujo, CTA, glow
--bg
#0E0E11 · Fondo base
--ink
#E4E1E6 · Texto principal
--cream-dim
#D0C5AF · Texto cálido secundario

— Tipografía

Aa
Anton
Anton · Títulos display
Aa
Fraunces italic
Fraunces · Platos firma
Aa
Inter
Inter · Cuerpo

— Stack

FigmaGSAPOpenTableMailchimp

— 04 / Resultado

Y después, qué pasó.

El primer mes, el 64% de las reservas llegaron por el sitio. La métrica que más nos importa: ningún cliente llamó para preguntar cómo reservar.

64%
Reservas desde la web
0
Llamadas a soporte
12s
Tiempo de reserva

«El sitio por fin refleja lo que somos en sala. Lo abrimos y la gente lo entiende.»

— C. Pardo · Luna Bistro

— ¿Algo así para tu marca?

El próximo
caso es el tuyo.