Conception et développement web

Site web Cabana di Pomodoro

Site web d'un restaurant italien authentique, avec un menu interactif filtrable par catégorie regroupant plus de 40 plats en 6 catégories italiennes (Pizza, Pasta, Risotto, Antipasti, Couvert, Dolce), une galerie photo à chargement différé, l'intégration des avis Google et une carte Google Maps assortie des coordonnées.

Développé avec React 19, TypeScript et Tailwind CSS, il s'appuie sur des polices sur mesure à l'italienne (Camboge, Quicksand), une palette inspirée des ingrédients italiens (rouge tomate, vert basilic, crème), des effets d'animation flottants et un design responsive mobile-first.

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

Vue d'ensemble

Secteur

Restauration - Restaurant italien

Périmètre

Conception et développement complets du site, avec un système de couleurs fidèle à la marque, une typographie sur mesure, un menu interactif de plus de 40 plats répartis en 6 catégories, une galerie photo, un système d'avis et l'intégration de Google Maps

Durée

3 semaines, du design initial au lancement en production

La problématique

Le défi

Cabana di Pomodoro, nouveau restaurant italien authentique installé à Mafra, avait besoin d'une présence digitale reflétant son attachement à la cuisine italienne traditionnelle et son élégance rustique. Le restaurant recherchait un site capable de présenter sa carte étendue (plus de 40 plats répartis en 6 catégories italiennes), d'exprimer son identité de marque et de fournir les informations essentielles, comme l'adresse et les avis, sans noyer le visiteur. Le design devait fonctionner parfaitement sur mobile tout en préservant la chaleur et l'authenticité d'une trattoria italienne.

Notre approche

La solution

Nous avons conçu un site moderne, pensé d'abord pour le mobile, qui associe l'esthétique rustique italienne au design web contemporain. La palette sur mesure puise dans les ingrédients italiens (rouge tomate, vert basilic, fonds crème), tandis que la typographie personnalisée (polices Camboge et Quicksand) apporte de l'élégance. Un menu interactif avec filtrage par catégorie permet de parcourir facilement plus de 40 plats répartis entre Pizza, Pasta, Risotto, Antipasti, Couvert et Dolce. Des effets d'animation flottants créent de l'intérêt visuel sans nuire aux performances, et le chargement différé des images garantit un affichage rapide, même sur mobile.

Ce qui est inclus

Fonctionnalités clés

Système de menu interactif
Galerie à chargement différé
Intégration des avis Google
Google Maps
Design mobile-first
Typographie sur mesure
Animations flottantes
React 19
Performance

Résultats

6
Catégories du menu
Des catégories interactives pour filtrer plus de 40 plats
7
Sections de la page
Des sections entièrement responsives, de l'accueil au pied de page
60-70%
Optimisation des images
Réduction du poids des fichiers grâce au format WebP
100%
Qualité du code
Mode strict, zéro erreur de linter
Technologie

Technologies utilisées

React 19
TypeScript 5
Vite 7
Tailwind CSS 3
React Hook Form
Yup
Lucide React
Se lancer

Prêt à lancer votre projet ?

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

Site web Cabana di Pomodoro | Portfolio | low-key solutions