Refonte site vitrine Le Piano Barge : restaurant-bar culturel à Vannes
Le Piano Barge est un restaurant-bar culturel situé à Vannes (Morbihan), installé à bord d'une péniche centenaire amarrée sur le port. L'établissement propose une cuisine bistronomique, des concerts live réguliers et des espaces de privatisation pour événements. ID Interactive, agence web basée à Arradon, a réalisé la refonte complète du site vitrine du Piano Barge pour accompagner la montée en gamme de la marque.
Un site vitrine immersif pour un lieu culturel unique à Vannes
ID Interactive a conçu pour Le Piano Barge un site vitrine structuré autour de quatre axes : la carte bistronomique, la programmation de concerts live, les espaces de privatisation et l'identité visuelle de la péniche. Le site est optimisé pour mobile, avec un score de performance élevé grâce au rendu serveur Next.js, et permet à l'équipe de mettre à jour le contenu sans intervention technique via Payload CMS.
Les défis de la refonte d'un site vitrine pour un établissement atypique
L'enjeu était de traduire numériquement l'identité singulière du Piano Barge, entre bistronomie, culture et événementiel, dans une interface à la hauteur de la montée en gamme de l'établissement, tout en garantissant une gestion autonome du contenu pour l'équipe en place.
Notre réalisation : design immersif et stack technique moderne
Une interface immersive pensée pour l'identité du lieu
Le site du Piano Barge présente trois sections principales : la restauration bistronomique (menu et réservation), la programmation musicale (agenda des concerts live) et la privatisation d'espaces pour événements professionnels et privés. L'architecture de navigation a été conçue pour que chaque profil de visiteur accède à son information en moins de deux clics.
Développement en Next.js pour la performance et le SEO
Le site a été développé en Next.js, framework JavaScript orienté performance et rendu serveur. Ce choix garantit des temps de chargement optimisés, une indexation facilitée par les moteurs de recherche et une expérience fluide sur mobile.
Un back-office Payload CMS pour une gestion autonome
La gestion du contenu repose sur Payload CMS, un système de gestion de contenu headless open-source basé sur Node.js. Ce back-office a été entièrement configuré sur mesure pour Le Piano Barge, permettant à l'équipe de l'établissement de mettre à jour les menus, de publier des événements et de gérer les actualités sans intervention de l'agence ni compétence technique préalable.
Résultats : une vitrine digitale à la hauteur d'un lieu d'exception
Le site vitrine du Piano Barge repose sur une stack Next.js / Payload CMS qui garantit un rendu serveur (SSR) pour l'indexation SEO, une gestion autonome des menus et des événements par l'équipe en place, et une compatibilité mobile complète. ID Interactive, agence web basée à Arradon (Morbihan), a assuré la conception UX/UI, le développement front-end et back-end, ainsi que l'optimisation SEO et CRO. Le Piano Barge dispose désormais d'un outil digital aligné avec la montée en gamme de l'établissement, gérable sans compétences techniques.
Technologies et expertises mobilisées
- UX / UI Design
- Développement Next.js / Payload CMS
- SEO / CRO
Un site Next.js fluide et élégant, pensé pour incarner l’univers du Piano Barge. Un design immersif, une base technique solide et un back-office sur mesure pour accompagner un lieu vivant et multiple.
Foire aux questions
Le site a été développé avec Next.js, framework JavaScript basé sur React, combiné à Payload CMS comme système de gestion de contenu. Next.js assure le rendu côté serveur (SSR) pour la performance et le référencement naturel. Payload CMS offre un back-office entièrement personnalisé, adapté aux besoins spécifiques du Piano Barge : mise à jour des menus, publication d'événements et gestion des actualités.
Next.js a été retenu pour trois raisons principales : la performance de chargement grâce au rendu serveur, la compatibilité native avec les bonnes pratiques SEO (balises meta, sitemap, routes canoniques), et la flexibilité du framework pour intégrer des animations et des visuels haute résolution sans dégrader l'expérience mobile.
Payload CMS est un système de gestion de contenu headless open-source, basé sur Node.js. Il a été choisi pour sa capacité à être entièrement configuré sur mesure, permettant à l'équipe du Piano Barge de gérer son contenu (menus, agenda, photos) de façon autonome, sans connaissance technique particulière ni dépendance à une agence.