Conception et développement web

Site web Feito ó Bife

Site web d'une grillade portugaise proposant un menu digital interactif de plus de 70 plats répartis en 9 catégories (entrées, viandes, grillades, poissons et fruits de mer, plats végétariens, accompagnements, desserts, vins, boissons), une galerie d'images en mosaïque avec visionneuse, des avis clients et une carte interactive assortie des horaires d'ouverture.

Développé avec React 19 et TypeScript, autour d'une palette sur mesure de bruns chaleureux et de vert citron, d'animations de défilement fluides signées Framer Motion, d'une typographie élégante associant Playfair Display et Nunito, et d'un design responsive mobile-first bâti sur les composants shadcn/ui.

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

Vue d'ensemble

Secteur

Restauration

Périmètre

Landing page complète de restaurant, avec un système de menu digital, une galerie d'images, une section de témoignages clients et un localisateur interactif intégrant une carte et les horaires d'ouverture

Durée

4 semaines, de la mise en place initiale au lancement en production

La problématique

Le défi

Le client, une grillade portugaise située à Mafra, avait besoin d'une présence digitale moderne pour présenter sa carte étendue de cuisine portugaise traditionnelle, mettre en avant l'authenticité de son cadre et permettre aux clients de trouver facilement son adresse et ses coordonnées. Sans aucune présence en ligne jusque-là, il lui fallait une solution capable de présenter une carte complète (plus de 70 plats, une large sélection de vins et des suggestions du jour) de façon organisée et appétissante, tout en restituant le caractère chaleureux et rustique de l'établissement.

Notre approche

La solution

Nous avons développé une application React monopage avec une navigation à défilement fluide entre cinq sections clés (accueil, carte, galerie, avis, adresse). Nous avons créé un système de menu interactif prenant en charge plusieurs catégories, des sous-catégories (pour les vins), des variantes de prix et des badges pour les spécialités maison. La galerie en mosaïque met en valeur l'ambiance du restaurant et ses plats signatures, avec un effet de zoom au survol et une visionneuse en plein écran. Nous avons intégré React Leaflet pour une carte interactive avec un marqueur aux couleurs de la marque, plusieurs fonds de carte (standard et satellite) et une fiche détaillée affichant les horaires et les coordonnées. Framer Motion assure des animations d'entrée soignées et des apparitions au défilement sur tout le site.

Ce qui est inclus

Fonctionnalités clés

Design responsive mobile-first
Menu digital interactif
Navigation à défilement fluide
Galerie en mosaïque
Avis clients
Intégration de carte interactive
Animations déclenchées au défilement
Palette de couleurs de marque sur mesure
Performance

Résultats

100%
Responsive mobile
Une approche mobile-first qui garantit un affichage parfait sur tous les appareils
95%
Optimisation des images
La galerie utilise le format WebP, réduisant le poids des images de 50 à 70 %
2.5s
Performance de compilation
Des temps de build rapides, pour itérer et déployer sans attendre
60fps
Qualité des animations
Framer Motion assure des animations de défilement et des transitions d'une fluidité parfaite
Technologie

Technologies utilisées

React 19
TypeScript 5.9
Vite 7
Tailwind CSS 3.4
shadcn/ui
Framer Motion 12
React Leaflet 5
React Hook Form 7
Yup 1.7
Firebase Hosting
Se lancer

Prêt à lancer votre projet ?

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

Site web Feito ó Bife | Portfolio | low-key solutions