Riad hotel — 2026

Maison Solène

Web design & developmentVisit live site↗

The brief

Spec build for a fictional brand. A small riad hotel in an old medina: a handful of rooms around a courtyard, a hammam and a rooftop table. The site had to sell the quiet of the house and take the stay itself, nights, room and extras, without sending the guest to a marketplace.

The approach

01

A full stays flow, not a contact form

Dates, room, extras and a priced total in one path, ending in a booking reference the guest keeps.

02

One signature motion: the opening

Two panels part to reveal the hero, each room and the confirmation, so the brand's one gesture repeats instead of a dozen effects competing.

03

Every room page is a sales page

Size, view and a from-price sit beside the photography, with a book link that carries the room straight into the flow.

Selected views

Maison Solène
Maison Solène homepage with courtyard photography and a book-a-stay call to action.

The house first, the booking one tap away.

Maison Solène
Maison Solène rooms page listing the patio room with size and from-price.

Room pages carry the facts a guest decides on: size, outlook, from-price.

Maison Solène
Maison Solène booking page with dates, room and extras.

Nights, room and extras priced as the guest chooses them.

What it demonstrates

Architecture

A stays engine: date ranges, room inventory and extras resolved into one priced booking.

Interfaces

A booking path that keeps the hotel's mood instead of handing the guest to a widget.

A riad hotel site built around one job: turning a visit into a booked stay, on the hotel's own site.

Start here

Turn your website into the place guests book.

If a build makes sense, the teardown says which tier and why. If it doesn’t, it says that too.