VDB Creation
Vallée du Ciel
Refonte complète du site web pour un restaurant roumain à Bruxelles, avec focus sur la performance, l'expérience utilisateur et un système de gestion de contenu moderne.
Contexte
Le restaurant souhaitait moderniser son site web vieillissant pour améliorer l'expérience utilisateur, la performance mobile et permettre une gestion de contenu autonome sans dépendre d'un développeur.
Objectif
Créer un site web moderne, ultra-performant (Lighthouse 95+), avec un système de gestion de contenu en temps réel, tout en reflétant l'identité authentique et chaleureuse du restaurant.
Processus
Audit performance, Architecture Astro, Design system, Intégration TinaCMS, Optimisations images (WebP/AVIF), Système de publication automatisé, Tests Lighthouse
Résultat
Performance Lighthouse ≥ 95/100, LCP ≤ 2.5s, JS réduit de 77% (270KB → 60KB), Images optimisées de 82% (400KB → 70KB AVIF), Bfcache fonctionnel, Compression gzip/brotli activée.
Technologies
Le défi
Le site existant souffrait de plusieurs problèmes majeurs :
- Performance sous-optimale (Lighthouse < 70) impactant l’expérience utilisateur
- Absence de système de gestion de contenu, nécessitant l’intervention d’un développeur pour chaque modification
- Images non optimisées, impactant le temps de chargement
- Expérience mobile non optimisée malgré un trafic majoritairement mobile
- Architecture technique obsolète, difficile à maintenir
Notre approche
Nous avons adopté une approche moderne centrée sur la performance et l’autonomie :
Architecture technique :
- Framework Astro pour un rendu statique optimal et un JavaScript minimal
- TinaCMS pour un système de gestion de contenu en temps réel avec live editing
- Système d’optimisation d’images automatique (WebP/AVIF) avec Sharp
- Architecture de publication automatisée via Supabase Edge Functions
Optimisations performance :
- Images LCP optimisées avec preload et fetchpriority
- JavaScript réduit de 77% (islands React uniquement pour l’admin)
- Compression gzip/brotli activée
- Cache headers optimisés pour assets statiques
- Bfcache fonctionnel (TinaCMS isolé sur pages admin uniquement)
Expérience utilisateur :
- Animations scroll reveal subtiles et performantes
- Design system cohérent reflétant l’identité du restaurant
- Navigation fluide et intuitive
- Accessibilité respectée (ARIA, skip links)
Résultats
La nouvelle expérience a dépassé tous les objectifs initiaux :
- Performance Lighthouse : ≥ 95/100 (mobile)
- LCP : ≤ 2.5s (objectif atteint)
- JavaScript : 60KB gzippé (réduction de 77%)
- Images : 70KB AVIF pour LCP (réduction de 82%)
- Autonomie : Gestion de contenu complète sans intervention développeur
- Bfcache : Navigation instantanée entre pages
- Compression : Gzip/Brotli activée (réduction supplémentaire de 60%)
Le site est maintenant une vitrine moderne et performante qui reflète parfaitement l’identité authentique du restaurant tout en offrant une expérience utilisateur exceptionnelle.
Envie d'en voir plus ?
Voir tous les projets