Web corporativa para restaurantes

Sitio web corporativo para restaurantes, diseñado con un enfoque mobile-first: está pensado para el cliente que escanea el código QR de la mesa o encuentra el local en Google Maps y necesita, en segundos, la carta, el horario y la forma de contactar. Se ha desarrollado como plantilla reutilizable, de modo que la identidad visual, la carta, los horarios y las promociones se adaptan a cada establecimiento sin modificar el código.

La demo presenta una pizzería italiana ficticia: el nombre, la carta, los precios y las reseñas son de ejemplo.

CONVERSIÓN Y CONTACTO
• Barra de acciones fija en móvil —Llamar, WhatsApp y Cómo llegar— adaptada a las zonas seguras de iOS y Android.
• Estado de apertura en tiempo real («Abierto ahora · cierra a las 23:30»), calculado con la zona horaria del local e incluidos los horarios que cruzan la medianoche.
• Módulo de promociones con condiciones, código de descuento y reserva por WhatsApp con el mensaje ya redactado.

CARTA DIGITAL
• Carta completa organizada por categorías, con una navegación fija que acompaña el desplazamiento e indica la sección activa.
• Información de los 14 alérgenos exigidos por la normativa europea en cada plato, además de distintivos vegano, vegetariano, picante y sin gluten.

EXPERIENCIA DE USUARIO Y DISEÑO
• Identidad visual propia inspirada en la imagen del local, con tipografía editorial y una paleta de tonos cálidos.
• Animaciones vinculadas al scroll —titulares que se componen letra a letra, textos que se revelan por palabras, secciones horizontales y parallax— siempre al servicio de la lectura de la carta.
• Galería con visor a pantalla completa y navegación por teclado y gestos.
• Accesibilidad: respeta la preferencia de movimiento reducido, el contenido es visible incluso sin JavaScript y todas las zonas táctiles miden al menos 44 px.

SEO LOCAL, RENDIMIENTO Y PRIVACIDAD
• Datos estructurados schema.org (Restaurant) con horario, dirección y coordenadas, y etiquetas Open Graph para compartir en redes sociales.
• Imágenes WebP responsive: cada dispositivo descarga únicamente el tamaño que necesita.
• Fuentes alojadas en el propio servidor y sin cookies de terceros; el mapa de OpenStreetMap se carga solo bajo demanda, en línea con el RGPD.

Desarrollado con HTML, CSS y JavaScript nativos, sin frameworks ni dependencias externas, y desplegado como sitio estático sobre Nginx. Validado mediante pruebas automatizadas con Playwright en cinco resoluciones —desde móviles de 320 px hasta escritorio—, sin desplazamiento horizontal ni errores de consola.