App web móvilConcepto
Maris Menú de restaurante
Un menú móvil bilingüe para una cafetería junto al mar: rápido en cualquier teléfono, editable por el dueño y sin apps que instalar.
Por dentro
El menú, en la mesa.
Una maqueta en marco de teléfono, un QR junto a la mesa y las etiquetas de alérgenos que la cocina usa de verdad.
Resumen
Maris es un concepto para una cafetería junto al mar en Çeşme: hospitalidad cálida, una cocina bien afinada y un menú impreso que cuesta mantener al día. El brief: retirar el plastificado, conservar la calidez.
El brief
- Problema
- Un menú impreso que queda desactualizado el mismo día en que se plastifica.
- Restricción
- Debe abrirse en cualquier teléfono en menos de un segundo, a pleno sol y sin app.
- Solución
- Un menú móvil de un solo scroll que el dueño edita desde el teléfono y que se abre desde un código en cada mesa.
Un menú digital se gana su lugar si es más rápido que entregar una carta. Eso significa cargar en menos de un segundo en un teléfono que lo abre por primera vez, no esperar nunca a la red al tocar una categoría y seguir siendo legible bajo una sombrilla, a pleno sol del mediodía.
Diseñamos el menú como un único scroll con chips de categoría fijos, fotografía generosa y etiquetas de alérgenos sobre cada plato, en lugar de enterradas en una leyenda. Las filas bilingües cambian sin recargar: el mismo plato en turco y en inglés, nunca dos versiones desincronizadas.
Detrás de la pantalla, el dueño edita precios y existencias desde un teléfono en la cocina. Cada mesa tiene su propio QR impreso con el identificador de mesa integrado, útil más adelante si el brief crece hacia los pedidos.
Sobre este concepto
Este es un proyecto conceptual para un cliente ficticio. Muestra el proceso y el estándar que aplicamos en nuestros proyectos con clientes.
Enfoque
Un menú con el alma de la cafetería.
Primero, la fotografía
Una foto real vale más que tres recortes estilizados. Cuadrícula ajustada, espaciado generoso, sin carruseles.
Bilingüe en una fila
Turco arriba, inglés abajo, la misma altura de línea. Ningún idioma queda en segundo plano.
Editable por el dueño
El teléfono del personal es el CMS. Subir un precio, marcar un plato como agotado, añadir el especial del día. Todo, en menos de un minuto.
Qué incluye
Todo lo que necesita una cafetería. Nada que le sobre.
Las cifras corresponden al brief conceptual.
Velocidad
< 0,8segundos de carga inicial
Menú estático, en caché en el edge. El primer toque es el único que pasa por la red.
Mesas
Un código QR para cada mesa
Una hoja de QR imprimible por mesa. La URL sabe dónde está sentado el cliente.
Alérgenos
En el plato, no en una leyenda
Gluten, lácteos, frutos secos, mariscos: etiquetas sobre el plato, justo donde el cliente ya está mirando.
Idiomas
2idiomas, un menú
Cambio de idioma en la cabecera y preferencia recordada. El mismo contenido, dos voces.
Tecnologías
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel
Pruébalo tú mismo
Funciona de verdad. No es una imagen.
Abre la demo y úsala como lo haría un visitante o un cliente. Cada toque y cada pestaña funcionan.