Web Design
Studio concept · 2026

Dar Inou: A booking website for a riad in the medina, built so guests book direct.

Client
Studio concept
Year
2026
Services
UX · Interface · Pictograms · Back-office
Built with
HTML and CSS, no framework
6rooms, on one listings page
5pages, from the welcome to the back-office
39pictograms drawn for the house
2platforms kept in step by iCal
23/23pictures described for Google
The problem

A six-room riad in the medina, booked mostly on phones through platforms that take a commission.

Our answer

A site built around direct booking: the arch frames every picture, the booking stays within reach, and a back-office keeps Booking.com and Airbnb in step without a channel manager.

A quiet house, booked direct.

Studio concept: a fictional riad imagined by D/A Creative. The site was designed and built by the studio; the photographs and the film are licensed stock.

Identity

Zellige green, limewash, two typefaces.

Zellige#1F4D3F
Palm#2C6654
Limewash#F3EEE6
Plaster#EBE4D8
Sand#D9C7B0
Clay#B98B6E
Ink#1D1A17
Cormorant, the typeface of the titles, in zellige green on limewash
DM Sans, the typeface of the text and the booking
Responsive

One site, from the phone to the desk.

The Dar Inou home page on a phone
Dar Inou: Website Design, Boutique riad – D/A Creative, digital agency in Morocco
Dar Inou: Website Design, Boutique riad – D/A Creative, digital agency in Morocco
The Dar Inou home page on a laptop
Dar Inou: Website Design, Boutique riad – D/A Creative, digital agency in Morocco
  1. 01On the phone first

    Where most guests meet the house. The booking bar stays within reach on every screen.

  2. 02The same site, every screen

    One design system, from an iPhone to a 14-inch MacBook.

  3. 03Booking in two taps

    Dates, guests, availability. No account to create, no detour.

Home page of the Dar Inou website concept: a quiet house in the heart of the medina, with the booking bar
01 The welcome
Woman in a turquoise dress walking along the pool of a white riad in Marrakech
02 The courtyard pool
Moroccan lunch set on a table by the pool of a riad courtyard
03 Lunch by the pool
Rooms and suites section of the Dar Inou website: three riad bedrooms, each photo framed in an arch, with pictograms for guests, surface and bed
04 Rooms in arches
Pictograms

Drawn for the house: one hairline, the arch wherever it fits.

The house
Courtyard pool
Zellige
Courtyard palms
Canopy beds
Lanterns at night
Roof terrace
Breakfast on the roof
Mint tea
Cooking class
Hammam
Argan rituals
Orange blossom
Yoga at dawn
Airport pick-up
Features

What the site does for the house.

The Dar Inou home page on a computer: a quiet house in the heart of the medina, the courtyard in an arch, and the booking bar under it
01

The booking, always within reach

Dates, guests and one button under the welcome; on the phone, a bar with the price and Book on every page.

The rooms page of the Dar Inou website: filters, and three riad bedrooms in arches with their prices
02

Six rooms, one page to choose

Filters by floor, suites and balconies; each room in its arch, with its price and a booking button.

The hammam page of the Dar Inou website: a blue tadelakt room in an arch, the times, the guests and the price
03

A page for every ritual

The hammam and the yoga on the roof, each with its times, its prices and its own booking.

On the phone

Made for the phone first.

The Dar Inou home page on a phone
Home
The booking card on a phone: arrival, departure, guests and one button
Booking
The rooms on a phone, a riad bedroom framed in an arch
Rooms
One room on a phone: Chambre Zellige, its pictograms and its price
A room
The hammam page on a phone
Hammam
The rituals and their prices on a phone
Rituals
SEO & speed

Built to be found.

Written for search engines as much as for people: titles, descriptions, structure, and every picture described.

Search preview
Dar Inou: Website Design, Boutique riad – D/A Creative, digital agency in Morocco
Dar Inouhttps://darinou.com

Dar Inou — A quiet house in the medina of Marrakech

Behind a cedar door, a limewashed courtyard, a green-tiled pool and six rooms. Breakfast on the roof, mint tea at sunset, the souks a few steps away.

  • Title and description on every page3/3
  • One H1 per page✓
  • Canonical URL on every page✓
  • Open Graph and social cards✓
  • Language declareden
  • Mobile viewport✓
  • Sitemap and robots.txt✓
  • Pictures described with an alt text23/23
A decorative teapot and tea glasses on a table
alt“A decorative teapot and tea glasses on a table”
A woman in a yoga forward fold beside a tiled pool
alt“A woman in a yoga forward fold beside a tiled pool”
A woman in a turquoise dress walking along the pool of a white riad courtyard
alt“A woman in a turquoise dress walking along the pool of a white riad courtyard”
Moroccan dishes set on a table in a riad courtyard
alt“Moroccan dishes set on a table in a riad courtyard”
Back-office

Bookings and calendars, in one place.

Booking.com and Airbnb stay in step through iCal links: no channel manager, no double booking.

The Dar Inou booking dashboard: occupancy, booking sources, the planning of the six rooms and calendar sync with Booking.com and Airbnb
Credits
Client
Studio concept (a fictional riad)
Design & development
D/A Creative
Pictograms
Drawn by D/A Creative
Photography and film
Envato Elements, licensed
Typefaces
Cormorant · DM Sans
Year
2026
Your project

Want a website like this one?

Dar Inou: Website Design, Boutique riad – D/A Creative, digital agency in Morocco Next projectTurāb