01
Le problème
An independent 14-room boutique hotel was losing 18% commission on every OTA booking with no website of its own to retain travellers and push them toward direct reservations.
Boutique hotel 3★Hôtel CélesteDémo Webvori
Hôtel Céleste
A direct-booking website for an independent boutique hotel. Deep hotel navy, full-bleed room gallery, restaurant and events in dedicated sections — built to hold the traveller's attention and convert them to a direct booking rather than Booking.com.
02
La solution
Conversion-focused direct booking site: hero with XL booking CTA, room carousel, narrative restaurant section, event offers, and a direct reservation form with rate parity guarantee.
03
Le résultat
Design delivered in 5 days. Sticky direct booking button to capture intent at any point during the scroll. Events section to capture a B2B corporate segment.
The brief
Hôtel Céleste is a fictional 3-star boutique hotel with 14 rooms in Arles. Opened in 2017, it differentiates through produce-driven cuisine from Camargue suppliers and a partnership with the Van Gogh Foundation. The problem is structural: most bookings come through OTAs at roughly 18% commission per night. Travellers who discover the Céleste on Booking.com check the hotel's own site to see if they can do better direct. Without a compelling site, they just go back and book on the OTA.
What we built
A full-screen Provençal hero with the headline "The soul of Provence — book direct, breakfast included, best rate guaranteed" and an XL booking button. Three room types below it (Garden Classic, Terrace Superior, Provençal Suite — size, amenities, indicative nightly rate). Then a local experiences section covering Camargue producers, the Arles arenas, free bike hire, and the Van Gogh Foundation partnership. A narrative restaurant section. And a direct reservation form at the bottom.
The midnight blue (#2A4858) runs through the hero, rate banner, and footer. The room cards sit on warm white (#FAF8F5) and sand beige (#EDE8DF). The alternation gives the page rhythm without going full dark mode.
What guided our choices
"Best rate guaranteed" is in the hero headline because that is the one thing that stops a traveller from looping back to Booking. If the price is identical and the site is worse, they leave. The guarantee removes that hesitation before they scroll.
The local experiences section exists because a boutique hotel in Provence is not selling a room — it is selling a reason to be in Arles. Camargue producers, the Roman arenas, the bikes, the Van Gogh partnership: these give someone a reason to book direct rather than grab an interchangeable night on an OTA.
On the reviews: the Booking and TripAdvisor logos stay visible. Counterintuitive, but travellers trust those sources more than in-house testimonials. Sourcing the reviews is what makes them credible, and credible reviews convert.
Deliverables
Next.js source files, Vercel deployment + custom domain, editable room section (JSON or lightweight CMS for prices and availability), connected reservation form with email notification and summary, optional Channel Manager integration (SiteMinder, Cloudbeds), Hotel + LocalBusiness JSON-LD tags for Google Hotels rich results, maintenance guide. Turnaround: 5 working days.
This project is a demonstration produced by Webvori studio to illustrate our approach and level of finish. No real client is associated with this fictional brand. Visual identities and photos are illustrative — Webvori studio demo.
Un projet similaire ?
On vous renvoie une maquette dans la semaine.
Envoyez-nous votre secteur et vos 3 pages prioritaires — on cadre le projet par email et on démarre le design dans les 48h.
Demander un devis