Conception et développement web

Tasca À Risca

Site web d'un restaurant portugais traditionnel proposant des menus hebdomadaires et fixes interactifs avec filtrage par catégorie, une galerie photo avec visionneuse, des témoignages clients et une intégration Google Maps. Le contenu bilingue (PT/EN) s'appuie sur la détection automatique du navigateur et la mémorisation du choix en localStorage.

Développé avec React 19, TypeScript et Vite, il intègre des animations déclenchées au défilement signées Framer Motion, les polices sur mesure Tabac et Freight Text, et une palette bleu marine et or qui honore la tradition culinaire portugaise dans une expérience utilisateur moderne.

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

Vue d'ensemble

Secteur

Restauration

Périmètre

Site de restaurant complet, avec un double système de menus (plats hebdomadaires tournants et carte fixe), un contenu bilingue, une galerie photo et l'intégration de Google Maps

Durée

3 semaines, du design à la mise en ligne

La problématique

Le défi

Tasca À Risca avait besoin d'une présence web professionnelle pour faire découvrir sa cuisine portugaise traditionnelle à une clientèle locale comme internationale. Le restaurant recherchait une solution capable d'afficher deux types de menus (les plats hebdomadaires tournants et une carte fixe complète), de proposer plusieurs langues pour les touristes et de conserver une esthétique portugaise élégante et authentique, tout en restant moderne et facile à parcourir sur tous les appareils.

Notre approche

La solution

Nous avons développé une application React monopage moderne, dotée d'un design system soigné qui honore la tradition culinaire portugaise. Le système de menu interactif propose une navigation par onglets entre les suggestions de la semaine et la carte fixe, avec un filtrage par catégorie intelligent pour les vins, les entrées et les plats principaux. Framer Motion apporte des animations fluides déclenchées au défilement, qui enrichissent la navigation sans jamais distraire. Nous avons mis en place i18next pour un bilinguisme sans friction avec détection automatique de la langue, et intégré Google Maps pour localiser facilement le restaurant. Le résultat est un site rapide et bien optimisé pour le référencement, déployé sur Firebase Hosting avec des pipelines CI/CD automatisés.

Ce qui est inclus

Fonctionnalités clés

Design responsive
Support bilingue (PT/EN)
Système de menu interactif
Galerie photo
Intégration Google Maps
Avis clients
Animations fluides
Mobile-first
Performance

Résultats

95/100
Score de performance
Score de performance Lighthouse, avec l'optimisation Vite et le chargement différé
~450KB (gzipped)
Poids du build
Bundle de production optimisé avec découpage du code
100%
Adaptation mobile
Entièrement responsive sur tous les appareils, dans une approche mobile-first
100/100
Score SEO
Audit SEO Google Lighthouse
Technologie

Technologies utilisées

React 19
TypeScript
Vite
Tailwind CSS 3.4
Framer Motion
i18next
React Hook Form
Yup
Radix UI
Firebase Hosting
Se lancer

Prêt à lancer votre projet ?

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

Tasca À Risca | Portfolio | low-key solutions