Restauración

Un concepto de web para un restaurante de cocina mediterránea: deja hablar a la fotografía, hace fácil leer la carta y lleva a reservar mesa sin rodeos.

Sector
Restauración
Tipo
Web de una página
Secciones
Inicio, carta, el comedor y horarios
Tipografía
Newsreader y Hanken Grotesk
El concepto de restaurante en el ordenador: el titular «Cocina de mercado, sin artificios», los botones para reservar mesa y ver la carta, el horario y una fotografía grande de un comedor blanco con mesas de madera.

Qué explora este concepto

Qué necesita quien elige dónde comer, y cómo le responde una web.

Un restaurante se elige sobre todo por lo que se ve en la mesa y en el comedor. Quien busca dónde comer quiere hacerse una idea del ambiente, mirar la carta y saber cómo reservar mesa.

El concepto da el espacio principal a la fotografía, presenta la carta como un menú impreso, con precios claros, y deja el botón para reservar mesa al alcance en todo momento, sin efectos ni elementos decorativos que distraigan.

  • Hacerse una idea del lugar con la primera imagen.
  • Leer la carta y los precios sin descargar nada.
  • Reservar mesa con un toque, también desde el móvil.

Exploración de diseño creada por ELEVA. No corresponde a ningún encargo de cliente: la carta, los precios, los horarios y las fotografías son de ejemplo.

Decisiones de diseño

Tres decisiones para que la web se parezca a la experiencia de ir.

Detalle: tres fotografías de platos en columnas, pulpo a la brasa, tomates de temporada y mejillones al vapor, cada una con el nombre del plato en cursiva.

La fotografía, en primer plano

Imágenes grandes y apaisadas del comedor y de los platos, con un mismo tratamiento de color para que se lean como una sola serie. El texto acompaña; no compite.

Detalle: la carta de ejemplo en tres columnas, para empezar, del mar y arroces y postres, con el nombre de cada plato, una línea de descripción y el precio alineado a la derecha.

Una carta que se lee como un menú

Tres columnas, nombres claros, una línea de descripción y el precio alineado a la derecha. Es texto de la página, no una imagen ni un PDF: se lee bien en el móvil y se puede actualizar en un momento.

Detalle: el horario de ejemplo en una tarjeta clara, con el botón «Reserva mesa», y al lado una fotografía de una mesa puesta y la dirección de ejemplo con el botón «Cómo llegar».

El horario y «Reserva mesa», juntos

El horario queda junto al botón, para que nadie tenga que buscarlo antes de decidir. En la web de un restaurante, el botón lleva al canal que ya utiliza: el teléfono, el correo o su plataforma de reservas.

Identidad

Fondo de piedra clara, texto color carbón y un solo acento verde oliva. Una letra editorial para los títulos y una de palo seco, muy legible, para la carta.

Piedra#F3EFE7
Arena#E9E2D5
Carbón#24211D
Oliva#5A6136

Cocina de mercado, sin artificios.

Pescado del día, verdura de la huerta y aceite de oliva. Una carta corta que cambia con la temporada.

Newsreader, una letra editorial pensada para la lectura, para los títulos; Hanken Grotesk para la carta, los precios y los horarios.

Una mesa puesta con mantel blanco, copas de cristal y un limón, bajo la luz del sol. Pulpo a la brasa en un plato blanco. Sillas de mimbre y una mesa redonda en un comedor blanco.
Fotografías de Unsplash con licencia para uso comercial (Kim Schouten, Guillaume de Germain, Paolo Bici, Molly Keesling, Iñigo De la Maza y Lisha Riabinina), con un mismo tratamiento de color. Son imágenes de archivo y no muestran ningún restaurante concreto.

La página entera

Desplázate dentro de la ventana para recorrer el concepto de arriba abajo, tal como se ve en un ordenador.

Captura completa del concepto: inicio con la fotografía del comedor, la cocina en una frase, la carta con fotografías de platos, el comedor, el horario con el botón «Reserva mesa», la dirección de ejemplo con «Cómo llegar» y el pie de página.

O bien abre el concepto y navega por él.

En el móvil

En el móvil, la fotografía sigue delante, la carta se ordena en una sola columna y el botón para reservar mesa queda siempre al alcance.

Inicio en el móvil: el titular, los botones para reservar mesa y ver la carta, el horario y la fotografía del comedor.
La carta en el móvil: las fotografías de los platos, una debajo de otra, con el nombre de cada plato.
El horario en el móvil, con el botón «Reserva mesa» en la tarjeta y en la barra fija de abajo.

Capturas reales del concepto en una pantalla de 393 puntos de ancho.Ábrelo en tu móvil