Diseño y Desarrollo Web

A Gália — Hamburgueria & Pregaria

Aplicación React de una sola página con una carta interactiva y filtrable que organiza más de 100 platos en 9 categorías. Integra reseñas de clientes, mapa de ubicación y un proceso de reserva simplificado.

Creada con un sistema de diseño gala medieval a medida, con paleta en dorado (#A49057) y burdeos (#390F0E), tipografía propia TimesTen e iconografía de casco galo. Framer Motion mueve las animaciones activadas al hacer scroll, mientras que los formatos de imagen modernos (AVIF, WebP) garantizan cargas rápidas.

Fecha de finalización: mayo de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Restauración — Restaurante y Hostelería

Alcance

Diseño y desarrollo completo de una landing page responsive para una hamburguesería portuguesa tradicional, con integración de la marca, sistema de carta interactivo, escaparate de reseñas de clientes, mapa de ubicación y despliegue en Firebase

Plazo

3 días de principio a fin (12-15 de mayo de 2026): un sprint de desarrollo exprés para la web de un pequeño negocio

El Problema

El Reto

A Gália necesitaba una presencia digital capaz de transmitir su singular identidad de guerrero galo medieval y, al mismo tiempo, hacer accesible y fácil de explorar su extensa carta (más de 100 platos en 9 categorías). El restaurante necesitaba una solución mobile-first que funcionara igual de bien para turistas y clientes locales, con reseñas multiidioma e información clara de ubicación y contacto. La personalidad tan característica de la marca debía brillar sin comprometer la usabilidad ni los tiempos de carga.

Nuestro Enfoque

La Solución

Creamos una aplicación React de una sola página a medida, con un sistema de diseño de temática medieval en una paleta de dorado (#A49057) y burdeos (#390F0E), tipografía propia TimesTen e iconografía de casco galo. La carta interactiva usa pestañas y filtros para organizar con lógica más de 100 platos, mientras que Framer Motion aporta animaciones fluidas activadas al hacer scroll que refuerzan el storytelling. Integramos Google Maps con un marco medieval personalizado, mostramos reseñas auténticas de clientes y optimizamos todos los recursos con formatos modernos (AVIF, WebP) para lograr cargas rápidas pese a la riqueza visual.

Qué Incluye

Características Clave

Diseño Responsive
Carta Interactiva
Animaciones al Hacer Scroll
Integración con Google Maps
Reseñas de Clientes
Tema Medieval a Medida
Optimizada para el Rendimiento
SEO y Accesibilidad
Rendimiento

Resultados

189.25 kB
Tamaño del bundle
JavaScript comprimido con gzip
8.51 kB
Tamaño del CSS
Tailwind CSS comprimido con gzip
2.27s
Tiempo de compilación
Compilaciones ultrarrápidas con Vite
7/7
Optimización de recursos
Formatos AVIF/WebP
Tecnología

Stack Tecnológico

React 19
TypeScript 5.9
Vite 7.3
Tailwind CSS 4
Framer Motion
React Hook Form
Yup
Radix UI
Leaflet
Firebase Hosting
Empezar

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

A Gália — Hamburgueria & Pregaria | Portafolio | low-key solutions