Le Clos des Noyers

Des chambres d'hôtes réservées en direct, sans commission Booking

Calendrier à jour, acompte en ligne, zéro commission plateforme.

Hébergement·Réservation

Un projet, 2 interfaces

À quoi ça ressemble

Le Clos des Noyers est une maison d'hôtes de 4 chambres en Dordogne qui voulait reprendre la main sur ses réservations face à Booking et Airbnb.

Le site présente chaque chambre avec son calendrier de disponibilités en temps réel, en français, anglais et néerlandais, et conclut la réservation en 5 étapes avec un acompte de 30 % payé en ligne.

Côté hôtes, un espace de gestion centralise les demandes à valider, le planning des 4 chambres, les tarifs par saison et la synchronisation automatique avec Booking.com et Airbnb.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

Titres qui portent le message

Sous-titres qui structurent

Un texte courant lisible sur tous les écrans, avec des interlignes généreux.

Construit avec des technologies qui durent

Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.

Next.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Accueil : hero et recherche de disponibilités
Les chambres : capacité, surface et prix d'appel
Fiche chambre : galerie et réservation directe
Calendrier de disponibilités et tarifs par saison
Réservation, étape 1 : chambre et dates
Réservation, étape 2 : voyageurs et demande
Réservation, étape 4 : récapitulatif et acompte
Avis des voyageurs et note moyenne
1 / 8

Des enjeux concrets, des réponses concrètes

Les enjeux

Capter des réservations directes sans commission

Les défis initiaux

17 % de commission perdue à chaque séjour plateforme

Nos solutions

Site avec réservation en 5 étapes et acompte en ligne

Les enjeux

Accueillir une clientèle anglaise et néerlandaise

Les défis initiaux

Voyageurs perdus faute de site dans leur langue

Nos solutions

Parcours traduit en français, anglais et néerlandais

Les enjeux

Garder les calendriers Booking et Airbnb synchronisés

Les défis initiaux

Risque de double réservation entre plateformes

Nos solutions

Synchronisation iCal automatique toutes les 4 heures

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Disponibilités et tarifs en un clic

Le calendrier affiche directement le prix par nuit selon la saison sélectionnée, sans aller-retour entre pages.

Le voyageur voit aussi le tableau des 3 tarifs saisonniers et un encart « pourquoi réserver en direct », pensé pour convertir avant même la 1re étape du formulaire.

Marketing & Conversion

L'économie vs Booking visible au moment de payer

Au moment de régler l'acompte, un bandeau rappelle le montant économisé par rapport à Booking.com sur ce séjour précis.

Ce calcul reprend directement le taux de 17 % de commission codé dans les règles de prix de l'app.

UI

Suivi visuel de la bascule vers le direct

Le dashboard hôte superpose un graphique en barres (direct vs plateformes, 6 derniers mois) et un compteur animé des commissions économisées.

Les deux widgets rendent lisible, dès la connexion, l'effet concret du site sur le chiffre d'affaires.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

Chargement immédiat

Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.

Images optimisées

Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.

Stabilité visuelle

Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.

Une sécurité qui ne dort jamais

Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.

Sauvegardes quotidiennes sur serveur distant

Procédure de reprise testée mensuellement

Monitoring automatique toutes les 5 min du service, alerte auto si service down

Chiffrement SSL

Isolation des environnements de développement

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

Reçu ! On vous prépare un prototype sous 3j

Vous décrivez votre projet

Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offer sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.