Proyecto conceptual: negocio ficticio

Una web de taberna lisboeta hecha para llenar mesas

Taberna da Poupa es una taberna familiar ficticia en Alfama, Lisboa, inventada para enseñar cómo trabajamos. Su web, en portugués e inglés, está pensada para que quien lee la carta acabe reservando mesa, también en las noches de fado, que son las de más gente.

Sector
Restaurantes y cafeterías
Ubicación
Lisboa, Portugal
Objetivo principal
Reservas de mesa y consultas de grupos
Idiomas
PT / EN

Abre la web de demostración. Es un negocio ficticio, así que los formularios y botones no contactan con nadie.

El encargo

Una buena taberna en una plaza escondida

Taberna da Poupa es una taberna inventada en una placita de Alfama, llevada por la misma familia desde 1971. En el encargo que imaginamos, los clientes nuevos la encuentran en Google Maps o pasan por delante al bajar del tranvía 28, pero no pueden ver la carta, los precios ni si queda mesa esta noche. Las noches de fado, jueves y sábados, se llenan las primeras, y el teléfono suena todo el día con las mismas preguntas. La nueva web tenía que mostrar la carta y el plato del día con precios, en portugués e inglés, y dejar reservar mesa online sin llamar.

Para quién es la página

Vecinos que miran el plato del día y visitantes de Lisboa que planean una cena o una noche de fado, casi siempre desde el móvil y a menudo en inglés. Y cualquiera que organice una cena de empresa o un cumpleaños para entre 10 y 24 personas.

Anatomía de la página

Anatomía de una web de restaurante que llena mesas

Esta es la página de inicio de una web Local Plus en dos idiomas: 10 secciones, desde lo alto de la pantalla del móvil hacia abajo.

Taberna da Poupa — Proyecto conceptual: negocio ficticio
  1. Titular, dos botones y estado en directo

    “La placita donde Alfama viene a comer.” aparece junto a una foto de la terraza. Debajo: “Reservar mesa”, “Ver la carta”, una línea que dice si la taberna está abierta ahora mismo en hora de Lisboa y cuál es el plato del día, y tres motivos para confiar: la misma familia desde hace tres generaciones, pescado del mercado cada mañana y reservas sin tarjeta.

  2. El plato del día, un toque por día

    Siete botones, de lunes a domingo, con el de hoy abierto. Cada día muestra su plato, una breve descripción y un precio de 10,50 € a 13,50 €, con un botón para reservar ese día. Al lado está el menú de mediodía de 14,50 € entre semana, con su propio botón “Reservar a mediodía”.

  3. La carta en cuatro pestañas

    Petiscos, parrilla, postres y vinos. Cada plato mantiene su nombre en portugués y lleva una descripción de una línea y un precio en euros. Los platos vegetarianos están marcados, y una nota sobre alérgenos aparece junto a otro botón “Reservar mesa”.

  4. Fotos y, después, las noches de fado

    Cuatro fotos con pie, de la parrilla de carbón al postre, dan paso a la sección de fado: jueves y sábados desde las 21:30, sin suplemento por la música, y las cuatro próximas fechas de fado como botones que abren el formulario de reserva.

  5. La tarjeta de reserva en dos pasos

    El paso 1 pregunta cuántas personas (de 1 a 8), qué día y a qué hora, separando mediodía y noche. El paso 2 pide un nombre, un móvil y, si quieres, un email y cualquier petición. Termina con un resumen y un archivo para “Añadir al calendario”. A los grupos de más de 8 se les indica la Adega.

  6. La Adega, para grupos de 10 a 24

    Una bodega de piedra bajo la taberna, con tres menús cerrados de 28 €, 38 € y 55 € por persona y un formulario de consulta corto. El formulario promete respuesta en un día laborable.

  7. Reseñas de ejemplo, cómo llegar, horario y preguntas

    Tres reseñas, marcadas claramente como contenido de muestra. Luego, cómo llegar: un paseo de cuatro pasos desde el tranvía 28, el metro, opciones de taxi y aparcamiento, un enlace al mapa, el horario con el día de hoy resaltado y el teléfono. Siete respuestas breves cierran la página, desde el cubierto hasta el acceso en silla de ruedas.

Por qué consigue llamadas y reservas

Cinco decisiones pensadas para llenar mesas

La reserva se abre en el próximo día libre

La tarjeta de reserva empieza en el primer día que aún tiene mesas libres, así que las horas ya están en pantalla. Encima de la fecha hay atajos para hoy, mañana y la próxima noche de fado, y las horas ocupadas aparecen en gris y marcadas como “completo”.

Cada botón de reservar rellena el formulario

Toca el botón de reservar bajo un plato del día, el menú de mediodía o una fecha de fado, y el formulario se abre con ese día elegido. El menú de mediodía marca las 13:00 y las noches de fado, las 20:00. Si esa hora está completa, el formulario elige la hora libre más cercana y lo avisa, en lugar de cambiarla sin decir nada.

Precios antes de que nadie pregunte

Cada plato y cada vino muestra su precio en euros, con IVA incluido. Se explica el couvert (el cubierto): el pan y las aceitunas cuestan 2,50 € por persona, y solo si te los comes. Los menús de grupo muestran un precio por persona, así que no hay sorpresas al final de la comida.

Quitarle el agobio a reservar

Junto al formulario, tres promesas breves: sin tarjeta y sin depósito, la mesa se guarda 15 minutos y cancelar es gratis respondiendo al SMS. El formulario solo pide un nombre y un móvil, y el teléfono está a la vista para quien prefiera hablar.

El siguiente paso, siempre bajo el pulgar

En el móvil, una barra con Llamar, Carta y Reservar mesa aparece cuando los botones de arriba salen de la pantalla. Se aparta sobre los formularios de reserva y de grupos y mientras escribes, así que nunca tapa un campo. En pantallas grandes, la cabecera con su botón Reservar se queda fija arriba.

Puntuaciones medidas

  • 93Rendimiento
  • 100Accesibilidad
  • 100Buenas prácticas

Google Lighthouse, móvil, 4G simulado, medido el 19 de septiembre de 2026. El SEO no se puntúa: las demos conceptuales están ocultas a Google a propósito (noindex), y Lighthouse lo cuenta en su contra. Compruébalo tú en la demo.

Notas técnicas

  • HTML, CSS y JavaScript escritos a mano, sin framework: 84 KB de CSS y JavaScript sin comprimir, 21 KB con gzip. Sin scripts de seguimiento, sin cookies, y los formularios no envían nada a ningún sitio.
  • 8 fotos, todas generadas con IA, en AVIF con alternativas en WebP y JPEG, en 3 o 4 tamaños cada una para distintas pantallas. Solo la foto principal se carga de inmediato; las otras 7 se cargan a medida que bajas.
  • DM Serif Display para los títulos y DM Sans para todo lo demás. Las dos están alojadas en el propio servidor, 3 archivos y 86 KB en total, sin llamadas a Google Fonts.
  • Colores sacados de la calle: azul de azulejo, blanco de cal, amarillo del tranvía 28 en todos los botones de reserva y un rojo vino intenso para las noches de fado.
  • Accesibilidad: enlace para saltar al contenido, pestañas que se recorren con las flechas del teclado, una etiqueta real en cada campo, mensajes de error junto al campo al que pertenecen, botones de al menos 44 px de alto y animaciones desactivadas para quien pide movimiento reducido. Sin JavaScript, la carta y los platos de la semana se muestran como listas sencillas.
  • Paquete Local Plus: dos idiomas, portugués europeo e inglés, con un selector que mantiene tu posición en la página. La demo es solo la página de inicio; una web completa podría añadir páginas como eventos privados o la carta de vinos completa, hasta 12 en total, y las reservas reales pasarían por la herramienta de reservas que elijas (sus cuotas las pagas tú).
Paleta
Tipografías
DM Serif Display + DM Sans

El paquete que representa

Local Plus

Este concepto es el tipo de web que tienes con Local Plus: 2.490 £ de creación y después desde 39 £/mes de mantenimiento. Los extras interactivos, como calculadoras y presupuestos al instante, se presupuestan aparte.

Páginas web por sector: Restaurantes y cafeterías →

Vista previa gratis

¿Quieres una web así para tu restaurante?

Cuéntanos cómo es tu restaurante y primero diseñamos tu nueva página de inicio, gratis y sin tarjeta. Solo pagas si decides seguir adelante.

  • Sin tarjeta
  • Tu dominio a tu nombre
  • Cancela el mantenimiento cuando quieras tras 3 meses