Web Design
Concept du studio · 2026

Dar Inou: Un site de réservation pour un riad de la médina, pensé pour que les clients réservent en direct.

Client
Concept du studio
Année
2026
Services
UX · Interface · Pictogrammes · Back-office
Réalisé avec
HTML et CSS, sans framework
6chambres, sur une seule page de liste
5pages, de l’accueil au back-office
39pictogrammes dessinés pour la maison
2plateformes synchronisées par iCal
23/23images décrites pour Google
Le problème

Un riad de six chambres dans la médina, réservé surtout sur téléphone, via des plateformes qui prennent une commission.

Notre réponse

Un site construit autour de la réservation directe : l’arche encadre chaque image, la réservation reste à portée de main, et un back-office synchronise Booking.com et Airbnb sans channel manager.

Une maison calme, réservée en direct.

Concept du studio : un riad fictif imaginé par D/A Creative. Le site a été conçu et développé par le studio ; les photographies et le film sont des images sous licence.

Identité

Vert zellige, chaux, deux typographies.

Zellige#1F4D3F
Palmier#2C6654
Chaux#F3EEE6
Plâtre#EBE4D8
Sable#D9C7B0
Argile#B98B6E
Encre#1D1A17
Cormorant, the typeface of the titles, in zellige green on limewash
DM Sans, the typeface of the text and the booking
Responsive

Un seul site, du téléphone au bureau.

The Dar Inou home page on a phone
Dar Inou : création de site web, Riad de charme – D/A Creative, agence digitale au Maroc
Dar Inou : création de site web, Riad de charme – D/A Creative, agence digitale au Maroc
The Dar Inou home page on a laptop
Dar Inou : création de site web, Riad de charme – D/A Creative, agence digitale au Maroc
  1. 01D’abord sur le téléphone

    Là où la plupart des clients découvrent la maison. La barre de réservation reste à portée de main sur chaque écran.

  2. 02Le même site, sur chaque écran

    Un seul système de design, de l’iPhone au MacBook 14 pouces.

  3. 03Réserver en deux gestes

    Dates, voyageurs, disponibilités. Aucun compte à créer, aucun détour.

Home page of the Dar Inou website concept: a quiet house in the heart of the medina, with the booking bar
01 L’accueil
Woman in a turquoise dress walking along the pool of a white riad in Marrakech
02 La piscine du patio
Moroccan lunch set on a table by the pool of a riad courtyard
03 Déjeuner au bord de la piscine
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 Les chambres en arches
Pictogrammes

Dessinés pour la maison : un trait fin, et l’arc partout où il trouve sa place.

La maison
Piscine du patio
Zellige
Palmiers du patio
Lits à baldaquin
Lanternes le soir
Terrasse sur le toit
Petit-déjeuner sur le toit
Thé à la menthe
Cours de cuisine
Hammam
Rituels à l’argan
Fleur d’oranger
Yoga à l’aube
Transfert aéroport
Fonctionnalités

Ce que le site fait pour la maison.

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

La réservation, toujours à portée de main

Dates, voyageurs et un seul bouton sous l’accueil ; sur téléphone, une barre avec le prix et « Réserver » sur chaque page.

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

Six chambres, une page pour choisir

Des filtres par étage, suites et balcons ; chaque chambre dans son arche, avec son prix et un bouton de réservation.

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

Une page pour chaque rituel

Le hammam et le yoga sur le toit, chacun avec ses horaires, ses prix et sa propre réservation.

Sur le téléphone

Pensé d’abord pour le téléphone.

The Dar Inou home page on a phone
Accueil
The booking card on a phone: arrival, departure, guests and one button
Réservation
The rooms on a phone, a riad bedroom framed in an arch
Chambres
One room on a phone: Chambre Zellige, its pictograms and its price
Une chambre
The hammam page on a phone
Hammam
The rituals and their prices on a phone
Rituels
SEO & vitesse

Conçu pour être trouvé.

Écrit pour les moteurs de recherche autant que pour les gens : titres, descriptions, structure, et chaque image décrite.

Aperçu dans la recherche
Dar Inou : création de site web, Riad de charme – D/A Creative, agence digitale au Maroc
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.

  • Titre et description sur chaque page3/3
  • Un seul H1 par page✓
  • URL canonique sur chaque page✓
  • Open Graph et cartes de partage✓
  • Langue déclaréeen
  • Affichage mobile✓
  • Sitemap et robots.txt✓
  • Images décrites par un texte alternatif23/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

Réservations et calendriers, au même endroit.

Booking.com et Airbnb restent synchronisés grâce aux liens iCal : sans channel manager, sans double réservation.

The Dar Inou booking dashboard: occupancy, booking sources, the planning of the six rooms and calendar sync with Booking.com and Airbnb
Crédits
Client
Concept du studio (un riad fictif)
Design & développement
D/A Creative
Pictogrammes
Dessinés par D/A Creative
Photographie et film
Envato Elements, sous licence
Typographies
Cormorant · DM Sans
Année
2026
Votre projet

Un site comme celui-ci ?

Dar Inou : création de site web, Riad de charme – D/A Creative, agence digitale au Maroc Projet suivantTurāb