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.
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
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.
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.
Fonctionnalités clés
Résultats
Technologies utilisées
Prêt à lancer votre projet ?
Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.