Ona: the wave, on the harbour at Sainte-Maxime.
WebNest designed and developed the website for Ona restaurant, on the harbour at Sainte-Maxime. An art direction drawn from the logo, five worlds brought together on one multilingual website, a menu the team updates itself, and a journey that takes guests from Google to a booked table in a few clicks.
Ona is Benjamin Bruno's restaurant on Quai Léon Condroyer, on the harbour at Sainte-Maxime, looking out over the Gulf of Saint-Tropez. "Ona" means "the wave" in Catalan.
Five activities under one roof: the restaurant, breakfast, the bar, catering delivered to yachts and boats, and a takeaway snack bar.
The starting point.
Ona was opening with no online presence and five very different activities to fit on one website: an evening service, breakfast, a bar, deliveries to boats and takeaway. Five audiences, five times of day.
The second constraint was booking. On the harbour, customers find the restaurant on Google and want to book there and then. Every extra step between the two costs bookings.
Our approach.
UX / Design
The art direction starts from the logo: navy blue, gold and white, with Breton stripes as the graphic signature. The hero is a full-width photo with the name in very large script on top, and nothing else.
Headings are set in Cormorant Garamond on a warm cream background, never a cold white. Navigation uses a burger menu on desktop and mobile alike, and the logo only appears on scroll, so the opening photo stays whole.
Technical
The website is hand-coded in Odoo's website module, in QWeb, with multilingual support built into its structure. Bookings go through Zenchef: rather than a dedicated section that lengthens the page, a button opens the booking window directly, wherever the visitor is on the site.
SEO foundations are set page by page, so each world can rank for its own searches.
Custom-built
Each activity has its own page, with its own rhythm: restaurant, breakfast, bar, yacht catering, takeaway snacks. The menu is a separate page, structured so the team can change a dish or a price themselves without calling us.
A wavy gold line separates the sections and reappears in the footer, as a nod to the name.
Frequently asked questions.
Why did Ona call on a web agency specialising in Odoo?
What was custom-built for Ona?
Can Ona update its website without us?
Can another restaurant in Sainte-Maxime have the same kind of website?
Un site vitrine qui vous démarque ?
Together, with no commitment, we look at how WebNest can take your online presence to the next level. Brief in hand, we get back to you within 48h.