Web para un restaurante de comida para llevar
Concepto · 2026
Concepto de web para un local de comida para llevar: rápida, pensada para el móvil y con todo a un toque.
-
Portada en escritorio, con rótulo y horario en directo -
Pensada primero para el móvil -
La carta, con filtros, etiquetas de dieta y alérgenos
Ver la demo en vivo (se abre en otra pestaña)
Un concepto de web para un restaurante de comida para llevar, pensado para quien busca qué comer desde el móvil y quiere decidir en segundos.
La idea
Que quien visita la web sepa al momento si el local está abierto, y pueda ver la carta, llamar para pedir, escribir por WhatsApp o encontrar el local sin dar vueltas.
El punto de partida
Es un local pequeño que no usa plataformas de reparto: los pedidos se hacen por teléfono, directamente al local. Así que la web no necesitaba una tienda online. Necesitaba que quien tiene hambre llegue rápido al botón de llamar.
No es un trabajo para un cliente: es un concepto que hice para enseñar cómo podría ser. Los platos, los precios y las fotos son de ejemplo.
Qué incluye
- Web hecha con Astro: carga muy rápido y funciona bien aunque la cobertura no sea buena.
- Indicador de abierto o cerrado en directo, con la hora de cierre o de apertura.
- Portada con un rótulo de tienda sobre la foto del local, como el de la fachada.
- Botones claros de llamar, WhatsApp, cómo llegar y carta, con una barra fija abajo en el móvil.
- Carta con filtros por categoría y etiquetas de dieta y alérgenos, fácil de actualizar.
- Disponible en castellano, catalán e inglés.
- Diseño propio con personalidad.
Por qué está hecha así
- El rótulo como punto de partida. Los colores y la letra salen del rótulo de la fachada, así que quien conoce el local lo reconoce al momento.
- Abierto o cerrado en la portada. Es lo primero que pregunta quien llega. Se calcula con el horario del local, así que no hay que acordarse de cambiarlo cada día.
- La carta, en un solo archivo. Los platos, los precios y las etiquetas viven en un único archivo de datos, así que cambiar un precio o quitar un plato es cosa de un momento.
- Reseñas sin incrustar. Antes del pie hay un enlace para dejar una opinión en Google. No se incrusta nada de Google: es un enlace normal.
Con qué está hecho
- Astro: la web se genera antes de publicarla y no necesita ningún framework en el navegador.
- CSS propio, sin librerías de estilos.
- Horario, carta y datos del negocio en archivos JSON.
- Datos estructurados para Google, de tipo restaurante.