Sortir du HTML statique
Remplacer un site HTML simple par un vrai outil de gestion hôtelière.
2024
Hôtel Atlantide
Conception et développement complets (design, dev, SEO) · Site WordPress Bedrock sur-mesure
Contexte
L’Hôtel Atlantide, 33 chambres et restaurant en plein centre de Biscarrosse, avait un site HTML simple qui ne rendait pas justice à l’établissement. J’ai géré ce projet de bout en bout : design, développement et référencement naturel.
Plutôt qu’un thème WordPress classique, le site repose sur Bedrock (Roots) : WordPress packagé comme une vraie application, avec Composer, un .env par environnement et le core isolé du contenu métier. Un modèle de chambre complet (tarifs par saison et occupation, amenities, galerie) plutôt qu’une simple fiche article, une réservation connectée au PMS RoomCloud, et un Gutenberg volontairement restreint à 10 blocs métier pour que l’hôtelier compose ses pages sans casser la charte. Livré en trois semaines.
Résultat : un site qui ressemble à une vraie plateforme de réservation, pas à un site vitrine WordPress générique.
Objectifs & livrables
Un modèle de chambre complet
Tarifs par saison et occupation, amenities, galerie, pas une fiche article.
Réservation connectée au PMS
RoomCloud branché directement depuis la fiche chambre.
Un back-office maîtrisé
Gutenberg restreint à 10 blocs métier pour protéger la charte graphique.
Réservation
RoomCloud intégré
CTA header et formulaire dates/adultes/enfants avec validation, ouverture directe du moteur de réservation.
SEO
Pensé pour l’hôtellerie
JSON-LD LodgingBusiness, FAQPage auto-générée, Matomo, cartes OpenStreetMap.
Chambres
Une fiche produit hôtelière
Tarifs par saison et occupation, amenities, galerie, widget de réservation branché sur le PMS.
Édition
Gutenberg contraint
10 blocs métier whitelistés (hero, chambres, témoignages, FAQ...), pas de page builder ni de blocs décoratifs.
Sous le capot
WordPress 6.4.3 sur une architecture Bedrock (Composer, .env par environnement, core isolé du contenu), Tailwind CSS pour le front, Alpine.js pour les interactions, Swiper pour les sliders chambres. Réservation connectée à l’API RoomCloud, multilingue avec TranslatePress, SEO structuré (JSON-LD LodgingBusiness, FAQPage), Matomo plutôt que Google Analytics, cartes Leaflet et OpenStreetMap plutôt que Google Maps.
Bedrock
Bedrock : WordPress comme une vraie application
WordPress packagé avec Composer, un .env par environnement, et le core isolé du contenu métier.
CPT
Un modèle chambre, pas une fiche blog
La fiche chambre est une vraie fiche produit hôtelière : tarifs par saison, occupation, amenities, réservation.
Gutenberg
Gutenberg contraint : la whitelist comme choix produit
Le thème enregistre 10 blocs métier et interdit le reste, pour que l’hôtelier compose ses pages sans casser le design.
SEO
SEO et confiance adaptés à l’hôtellerie
Schema.org LodgingBusiness, FAQ auto-générée, Matomo plutôt que Google Analytics, cartes OpenStreetMap plutôt que Google Maps.
BedrockWordPress
01 / 04
Bedrock : WordPress comme une vraie application
Problème
Faire évoluer le site (nouvelle langue, nouveau moteur de réservation, nouvelle offre) sans traîner un core WordPress versionné en dur dans Git, ni mélanger code et contenu.
Approche
Le projet repose sur Bedrock (Roots) : WordPress core isolé dans web/wp/, contenu métier (thème, plugins) dans web/app/, dépendances gérées par Composer, configuration par environnement (development, staging, production) via des fichiers .env. Résultat : un déploiement plus sûr, un thème et des plugins versionnés proprement, et une base qui peut évoluer sans tout recasser.
Bedrock : WordPress comme une vraie application
CPTACF
02 / 04
Un modèle chambre, pas une fiche blog
Problème
Présenter une chambre d’hôtel avec des tarifs qui varient par saison et par occupation, sans se contenter d’un article de blog avec une photo.
Approche
Un custom post type Chambres porte galerie, inclus, services, superficie, capacité, et des grilles tarifaires par saison (basse, moyenne, haute) et par occupation (1 à 3 personnes). Les cards de listing affichent directement le prix de départ, la surface, le nombre de lits et la capacité. Le parcours ressemble à un site de réservation professionnel, pas à un site vitrine WordPress générique.
Un modèle chambre, pas une fiche blog
GutenbergACF
03 / 04
Gutenberg contraint : la whitelist comme choix produit
Problème
Laisser l’équipe de l’hôtel modifier ses pages sans page builder ni risque de casser la charte graphique avec des blocs génériques.
Approche
Le thème whiteliste précisément ce que l’éditeur peut utiliser : hero, chambres, témoignages, liste, emplacement, contact, FAQ, galerie, plus quelques blocs core essentiels. Pas de blocs décoratifs, pas de page builder tiers. L’hôtelier change textes, photos, tarifs et FAQ lui-même, sans toucher au code et sans le chaos habituel d’un page builder mal maîtrisé.
Gutenberg contraint : la whitelist comme choix produit
SEORGPD
04 / 04
SEO et confiance adaptés à l’hôtellerie
Problème
Optimiser la visibilité (Google Hotels, rich results) et la confiance, sans dépendre uniquement des outils Google par défaut.
Approche
Le thème génère automatiquement un schema LodgingBusiness (adresse, téléphone, note agrégée) et un schema FAQPage à partir du bloc FAQ. Matomo auto-hébergé remplace Google Analytics pour garder la donnée chez le client, et Leaflet avec des tuiles OpenStreetMap remplace Google Maps, sans coût ni tracking supplémentaire.
SEO et confiance adaptés à l’hôtellerie
Décisions
Pourquoi ces choix techniques
Un site HTML simple qui ne rendait pas justice à l’établissement.
Projets
Autres réalisations.
2026
Näak
Boutique Shopify Plus pour Näak, marque de nutrition et d’hydratation ultra-trail partenaire de l’UTMB® World Series. Refonte produit, abonnements et déploiement multi-marchés.
2026
Slicy
Thème Shopify OS 2.0 écrit from scratch pour Slicy, protections et stickers vélo sur-mesure : configurateur de matching et personnalisation SVG en direct.
2026
GoodBro
Migration WooCommerce vers Shopify pour GoodBro, animalerie en ligne : 760 produits, 37 130 commandes, 1 177 abonnements, zéro email client.
Suite
Un site hôtelier qui ressemble à une vraie plateforme de réservation ?
Design, développement, SEO : un projet géré de bout en bout.