Website
La Gouttière
Visit the websiteLa Gouttière brings its menu, events and news together on a website that reflects the bar’s character. Its team manages the content independently, with a menu accessible by QR code.
Project contributors
- Romain Darioli
- Aymeric Sarrasin
- Aurélien
- Yuri
- Client
- La Gouttière
- Delivery
- Development time
- Under three months
Technologies
Next.js
React
Payload
The challenge
Bring the menu, products, events, photographs and news together in one tool while staying true to the bar’s identity and giving its team genuine editorial independence.
The solution
A custom platform built with Next.js and React and connected to Payload, with a menu accessible by QR code and a CMS designed for the bar’s everyday updates.
From a bar to a custom platform
La Gouttière wanted to bring its menu, products, events, photographs and news together in one tool while translating the bar’s unique character online. We turned that content into a coherent platform that is easy to browse on site or remotely and straightforward for the team to use.
- Menu and products brought together in a simple browsing experience.
- Events and news highlighted in one place.
- A gallery designed to convey the venue’s atmosphere.
- Immediate on-site access to the menu via a QR code.
A CMS designed for the bar’s daily work
We built the website with Next.js and React, then connected it to Payload. Because guests view the menu at the bar via a QR code and the wines and beers of the month change regularly, the CMS was designed around the team’s daily tasks.
- Wines and beers of the month managed from one place.
- A guest-facing menu that can be updated immediately.
- Photographs, events and news published in a few clicks.
- A team able to manage day-to-day content independently.
An identity carried through every detail
We visited the venue, spoke with the team about the bar’s history and customs, and immersed ourselves in the space. Those insights shaped a digital identity that stays true to the bar down to the smallest detail.
- Wrought iron and deep reds reflected in the visual direction.
- Dark tones true to the atmosphere envisioned for the bar.
- Small illustrations woven into the news pages.
- The pegs used for bills reinterpreted in the interface.
Let’s talk about your project
Have a similar project?
Your custom website project
Audit, scoping and prototype
We clarify your objectives, users, content and priorities, then create an initial clickable prototype to validate the project direction.
Structure, content and SEO
We organise the pages, navigation and content around your visitors’ needs and the searches that matter to your business.
Custom UX/UI design
We design a responsive interface that reflects your identity, remains clear on every screen and guides visitors towards the actions that matter.
Responsive development and CMS
We build the website to measure and configure a tailored administration interface so your team can manage the relevant content independently.
Performance, accessibility and security
We build in performance, accessibility, technical SEO and the necessary safeguards from the outset to create a reliable, lasting foundation.
Testing, launch and handover
We test the screens, forms and tracking, configure the hosting and domain, then hand over access and the technical materials.
Maintenance and future development
(Optional)After launch, we can provide maintenance, support, content improvements and the development of new features.