Conception et développement web

A Gália — Hamburgueria & Pregaria

Application React monopage proposant un menu interactif et filtrable, qui organise plus de 100 références réparties en 9 catégories. Elle intègre les avis clients, la localisation sur carte et un parcours de réservation simplifié.

Elle repose sur un design system médiéval gaulois sur mesure, décliné en or (#A49057) et bordeaux (#390F0E), avec la typographie TimesTen et une iconographie de casques gaulois. Framer Motion anime les apparitions au défilement, tandis que les formats d'image modernes (AVIF, WebP) garantissent des temps de chargement rapides.

Date de réalisation : mai 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Restauration — Restaurant / Hôtellerie

Périmètre

Conception et développement complets d'une landing page responsive pour une hamburgueria portugaise traditionnelle : intégration de la marque, système de menu interactif, mise en avant des avis clients, localisation sur carte et déploiement sur Firebase

Durée

3 jours du démarrage à la mise en ligne (12-15 mai 2026) — un sprint de développement rapide pour le site d'une petite entreprise

La problématique

Le défi

A Gália avait besoin d'une présence digitale capable de restituer son univers de guerrier gaulois médiéval, tout en rendant sa carte étendue (plus de 100 références réparties en 9 catégories) accessible et facile à parcourir. Le restaurant recherchait une solution mobile-first qui parle autant aux touristes qu'aux habitués, avec des avis clients multilingues et des informations claires sur l'adresse et le contact. La personnalité distinctive de la marque devait s'exprimer pleinement, sans nuire à l'ergonomie ni aux temps de chargement.

Notre approche

La solution

Nous avons développé une application React monopage sur mesure, autour d'un design system d'inspiration médiévale décliné en or (#A49057) et bordeaux (#390F0E), avec la typographie TimesTen et une iconographie de casques gaulois. Le menu interactif s'appuie sur des onglets et des filtres pour organiser logiquement plus de 100 références, tandis que Framer Motion apporte des animations au défilement fluides qui renforcent le storytelling. Nous avons intégré Google Maps dans un cadre médiéval sur mesure, affiché de véritables avis clients et optimisé toutes les ressources avec des formats modernes (AVIF, WebP) pour obtenir des temps de chargement rapides malgré la richesse visuelle.

Ce qui est inclus

Fonctionnalités clés

Design responsive
Menu interactif
Animations au défilement
Intégration Google Maps
Avis clients
Thème médiéval sur mesure
Optimisé pour la performance
SEO et accessibilité
Performance

Résultats

189.25 kB
Poids du bundle
JavaScript compressé en gzip
8.51 kB
Poids du CSS
Tailwind CSS compressé en gzip
2.27s
Temps de compilation
Des builds Vite ultra-rapides
7/7
Optimisation des ressources
Formats AVIF et WebP
Technologie

Technologies utilisées

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

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

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