En janvier dernier, j’ai reçu un message d’un hôtelier des Alpes : il avait besoin d’un site web avec système de réservation, et il le voulait en une semaine. Son ancien site était tombé en panne, et la saison de ski battait son plein.
Défi accepté. Voici le journal de bord de ces 5 jours intenses.
Jour 1 — Comprendre le besoin (lundi)
Le brief
Premier appel avec le client à 9h. Le Lapin Blanc, c’est un hôtel de charme dans les Alpes. Le propriétaire me décrit ce qu’il veut :
- Un site moderne qui reflète l’ambiance cosy de l’hôtel
- La présentation des chambres avec photos et tarifs
- Un système de réservation en ligne
- Les avis clients visibles
- Compatible mobile (la majorité de ses clients réservent depuis leur téléphone)
Contrainte n°1 : pas de WordPress. Le site précédent était sous WordPress et avait été piraté — c’est d’ailleurs pour ça qu’il était tombé. Le client voulait quelque chose de plus sécurisé.
Contrainte n°2 : budget serré. On parle d’un indépendant, pas d’une chaîne hôtelière.
Mes choix techniques
J’opte pour Astro (mon framework de prédilection) avec hébergement sur Cloudflare. Pourquoi :
- Rapidité : les pages sont pré-générées, le site charge en moins d’une seconde
- Sécurité : pas de base de données exposée, pas de plugins vulnérables
- Coût : hébergement quasi gratuit sur Cloudflare (vs 20-50€/mois pour un hébergement WordPress)
Pour le système de réservation, je crée une API sur mesure plutôt que d’intégrer un outil tiers. Plus de travail, mais résultat : pas d’abonnement mensuel pour le client et contrôle total sur l’expérience.
Fin de journée
J’ai récupéré toutes les photos de l’hôtel, les descriptions des chambres, les tarifs, et les vrais avis clients depuis Google Maps. La structure du site est définie : accueil, chambres, réservation, avis, contact.
Jour 2 — Le design et la structure (mardi)
Palette de couleurs
Je pars sur des tons chaleureux qui rappellent le bois et la montagne. Le client m’a dit un mot clé : “cosy”. Pas de bleu corporate, pas de blanc clinique. Du beige, du marron chaud, des touches de vert forêt.
Architecture des pages
Le site prend forme :
- Accueil : grande photo hero de l’hôtel, accroche, carte interactive, avis clients
- Chambres : galerie avec chaque chambre, ses équipements, son tarif, et un bouton “Réserver”
- Réservation : formulaire de réservation avec sélection des dates, du type de chambre, calcul automatique du prix
- Avis : les vrais avis Google Maps intégrés
- Contact : formulaire + carte + infos pratiques
Le responsive d’abord
Je commence par la version mobile. 70% des visiteurs d’hôtels réservent sur mobile — c’est la version qui compte le plus. Le menu hamburger, les cards de chambres empilées, le formulaire de réservation adapté au pouce… Tout est pensé pour le petit écran.
Fin de journée
La page d’accueil et la page chambres sont codées. Le design est validé par le client via capture d’écran sur WhatsApp. Deux aller-retours seulement — il a aimé la direction dès le premier essai.
Jour 3 — Le système de réservation (mercredi)
La journée la plus technique. C’est là que ça se joue.
Le formulaire
Le visiteur choisit :
- Ses dates d’arrivée et de départ
- Le type de chambre
- Le nombre de personnes
Le prix se calcule automatiquement. Pas de surprise, pas de “contactez-nous pour un devis”. Le client voit le prix, il réserve, c’est fait.
L’API backend
Je crée une API qui gère :
- La vérification des disponibilités en temps réel
- Le calcul du tarif (avec variation selon la saison)
- L’envoi d’un email de confirmation au client ET à l’hôtelier
- Le stockage sécurisé des réservations
Le piège du calendrier
Un des défis techniques les plus sous-estimés : la gestion des dates. Un client qui réserve du 15 au 18 mars occupe la chambre 3 nuits, pas 4. Il faut que la chambre soit dispo le 18 pour un autre client. Ça a l’air simple, mais en code, c’est source de bugs si on ne fait pas attention.
J’ai aussi dû gérer le décalage horaire : un client qui réserve à 23h depuis la France ne doit pas se retrouver avec une date décalée.
Fin de journée
Le système de réservation fonctionne. J’ai fait 15 tests de réservation avec différentes combinaisons de dates et de chambres. Tout passe. L’hôtelier reçoit bien les emails de notification.
Jour 4 — SEO, performances et finitions (jeudi)
Le référencement
Un beau site qui n’apparaît pas dans Google ne sert à rien. J’intègre :
- Les données structurées (JSON-LD) : Google voit immédiatement que c’est un hôtel, avec son adresse, sa note, ses tarifs
- Les balises meta optimisées pour chaque page
- Le sitemap.xml pour que Google indexe toutes les pages
- Les textes alt sur chaque image (Google ne “voit” pas les photos)
Les performances
Je lance PageSpeed Insights. Score : 98/100 sur mobile. Les images sont en WebP, le CSS est minifié, les polices sont préchargées. Le site charge en 0.8 seconde.
À comparer avec l’ancien site WordPress du client qui faisait 45/100 et mettait 6 secondes à charger.
Les petits détails qui comptent
- Le bouton “Appeler” qui lance directement l’appel sur mobile
- La carte Google Maps intégrée avec l’itinéraire
- Les icônes d’équipements pour chaque chambre (WiFi, parking, petit-déjeuner)
- Les avis Google affichés avec les étoiles
- Le lien WhatsApp pour les questions rapides
Fin de journée
Le site est complet. Je l’envoie au client pour validation finale.
Jour 5 — Mise en ligne et formation (vendredi)
Le déploiement
9h : le client valide les dernières modifications (une faute de frappe et un tarif à ajuster).
10h : je déploie sur Cloudflare. Le site est en ligne avec le certificat SSL (le cadenas dans la barre d’adresse). Le nom de domaine pointe vers le nouveau site.
11h : je soumets le sitemap dans Google Search Console et je demande l’indexation des pages principales.
La formation
14h-15h : session visio avec l’hôtelier. Je lui montre :
- Comment consulter les réservations
- Comment gérer les disponibilités
- Comment lire les statistiques de visite
- Où sont les contacts reçus via le formulaire
C’est volontairement simple — pas besoin d’un diplôme en informatique pour gérer ce site.
Les résultats
Le site a été mis en ligne un vendredi. Le lundi suivant, le client m’a envoyé un message :
« J’ai eu 3 réservations ce week-end directement via le site. Avec l’ancien, j’en avais peut-être 1 par mois. »
En une semaine, le site s’était positionné en première page Google sur “hôtel [nom de la ville]”. Les réservations directes (sans passer par Booking ou Expedia) ont augmenté de 40% le premier mois.
Ce que ce projet m’a appris
Chaque projet est différent, mais celui-ci m’a confirmé plusieurs choses :
- 5 jours suffisent quand le périmètre est clair et que le client est réactif
- WordPress n’est pas toujours la réponse — un site codé sur mesure est plus rapide, plus sécurisé, moins cher à maintenir
- Le mobile d’abord, ce n’est pas un slogan, c’est une nécessité (surtout dans l’hôtellerie)
- Les données structurées font une vraie différence dans le référencement local
- La simplicité gagne : le client gère son site seul, sans appeler un technicien chaque semaine
Vous avez un projet similaire ?
Que vous soyez hôtelier, restaurateur, ou tout autre professionnel ayant besoin d’un site performant rapidement, contactez-moi. On en discute gratuitement et je vous envoie un devis sous 24h.
Vous pouvez voir ce projet et d’autres dans mes réalisations.