Site internet
La Gouttière
Visiter le siteLa Gouttière réunit sa carte, ses événements et ses actualités dans un site à l’image du bar. Son équipe gère les contenus en toute autonomie, avec une carte accessible par QR code.
Ont contribué au projet
- Romain Darioli
- Aymeric Sarrasin
- Aurélien
- Yuri
- Client
- La Gouttière
- Réalisation
- Durée du développement
- Moins de 3 mois
Technologies
Next.js
React
Payload
Le problème
Réunir la carte, les produits, les événements, les photos et les actualités dans un seul outil, tout en restant fidèle à l’identité du bar et en donnant à son équipe une véritable autonomie éditoriale.
La solution
Une plateforme sur mesure développée avec Next.js et React, reliée à Payload, avec une carte accessible par QR code et un CMS pensé pour les mises à jour quotidiennes du bar.
Du bar à une plateforme sur mesure
La Gouttière voulait réunir sa carte, ses produits, ses événements, ses photos et ses actualités dans un seul outil, tout en prolongeant en ligne le caractère unique du bar. Nous avons transformé ces contenus en une plateforme cohérente, facile à consulter sur place comme à distance et simple à utiliser pour l’équipe.
- Carte et produits réunis dans une consultation simple.
- Événements et actualités mis en avant au même endroit.
- Galerie conçue pour restituer l’ambiance du lieu.
- Accès immédiat à la carte sur place grâce au QR code.
Un CMS pensé pour le quotidien du bar
Nous avons construit le site avec Next.js et React, puis relié l’ensemble à Payload. Comme la carte est consultée directement au bar grâce au QR code et que les vins et bières du mois évoluent régulièrement, le CMS a été pensé autour des gestes quotidiens de l’équipe.
- Vins et bières du mois gérés depuis un seul espace.
- Carte consultée par les clients et mise à jour sans délai.
- Photos, événements et actualités publiés en quelques clics.
- Équipe autonome pour administrer les contenus au quotidien.
Une identité fidèle jusque dans les détails
Nous nous sommes rendus sur place, avons échangé avec l’équipe sur l’histoire et les habitudes du bar, puis nous nous sommes immergés dans le lieu. Cette matière a guidé une identité digitale fidèle jusque dans les détails.
- Fer forgé et rouges profonds repris dans la direction visuelle.
- Teintes sombres fidèles à l’atmosphère souhaitée pour le bar.
- Petits dessins intégrés aux actualités du site.
- Pinces utilisées pour les additions transposées dans l’interface.
Parlons de votre projet
Vous avez un projet similaire ?
Votre projet de site web sur mesure
Audit, cadrage et maquette
Nous clarifions vos objectifs, vos utilisateurs, vos contenus et vos priorités, puis réalisons une première maquette cliquable pour valider la direction du projet.
Arborescence, contenus et SEO
Nous organisons les pages, la navigation et les contenus autour des besoins de vos visiteurs et des recherches utiles à votre activité.
Design UX/UI sur mesure
Nous concevons une interface responsive fidèle à votre identité, claire sur chaque écran et pensée pour guider les visiteurs vers les actions importantes.
Développement responsive et CMS
Nous développons le site sur mesure et configurons une administration adaptée afin que votre équipe puisse gérer les contenus utiles en autonomie.
Performance, accessibilité et sécurité
Nous intégrons dès le développement la performance, l’accessibilité, le SEO technique et les protections nécessaires à une base fiable et durable.
Tests, mise en ligne et transmission
Nous testons les écrans, formulaires et mesures de suivi, configurons l’hébergement et le domaine, puis transmettons les accès et les éléments techniques.
Maintenance et évolutions
(En option)Après la mise en ligne, nous pouvons assurer la maintenance, le support, l’amélioration des contenus et le développement de nouvelles fonctionnalités.