Aller au contenu
Réalisations/Geoffr.ai
Projet client · Hôtellerie IA · 2026

Un site HubSpot bilingue, en ligne 4 jours après le cadrage.

Geoffr.ai vend un majordome IA aux hôtels, campings et villages vacances, sur WhatsApp. Son site était codé en Next.js : chaque modification passait par un développeur. Je l'ai migré sur HubSpot, en français et en anglais, relié au CRM, puis transmis pour que les fondateurs le pilotent en autonomie.

RôleConstruction, migration et passation, en solo
CalendrierEn ligne le 8 sept. 2026, deuxième vague du 15 au 18 sept.
OutilsHubSpot Content Hub, HubL, Claude
Périmètre12 pages FR et EN, formulaires, blog, bannières cookies
4 joursDu cadrage au site en ligne
18Modules HubL sur mesure dans le thème
1 jourPour que le cofondateur finalise le site seul
geoffr.ai
Page d'accueil française de Geoffr.ai sur HubSpot : une conversation WhatsApp entre un hôtel et un client
Contexte

Un site que seul un développeur pouvait modifier.

Le site marketing de Geoffr.ai était une application Next.js hébergée sur Vercel. Il était réussi, mais chaque nouvelle page, chaque changement de texte et chaque nouvelle langue repassait par un développeur.

Les fondateurs voulaient reprendre la main : écrire, publier et traduire eux-mêmes, avec chaque lead qui arrive dans HubSpot.

L'enjeu

Même site, nouveau moteur, deux langues.

Reconstruire le site sur HubSpot Content Hub, en français et en anglais, modifiable par une équipe non technique et relié au CRM, rapidement. Sur l'offre Starter, sans la base de données HubSpot (HubDB) sur laquelle un site de ce type s'appuie d'habitude.

Le système

Un thème que les fondateurs pilotent.

Chaque section du site est un module aux champs modifiables, dans les deux langues, sur ordinateur et sur mobile.

geoffr.ai · fonctionnement
La section « Fonctionnement » de geoffr.ai, construite comme un module HubSpot
La même section sur téléphone, lue de haut en bas
18 modules sur mesure

Bandeau principal, parcours client, tarifs, FAQ, contact, équipe et d'autres, chacun modifiable dans HubSpot.

Français et anglais

Chaque page existe dans les deux langues, avec un sélecteur de langue dans l'en-tête.

Relié au CRM

Des formulaires HubSpot natifs dans les deux langues : chaque demande de démo arrive dans le CRM.

Réglages du thème

Couleurs et policesRéglées une fois, à un seul endroit

Une règle CSS a corrigé le contraste

18 modules sur mesure

Bandeau principalChamps modifiables
Parcours clientMême modèle de contenu
Tarifs, FAQ, équipeEt le reste des 18

Champs répétables, sans base de données

Pages

6 pages en françaisSélecteur de langue dans l'en-tête
6 pages en anglaisMêmes modules, mêmes réglages
2 pages de blogEn ligne dès le lancement

En ligne 4 jours après le cadrage

CRM

Dans le CRMChaque demande de démo, depuis les formulaires HubSpot des deux langues, qualifiée par chambres et type d'établissement
18 moduleschacun modifiable dans HubSpot
12 pages6 en français, 6 en anglais
1 seul endroitpour changer couleurs et polices
HubSpot CMSHubLClaude
Ce que j'ai construit

Pensé pour la personne
qui modifie ensuite.

01

Un thème sur mesure, 18 modules

J'ai repris les styles du site d'origine et je les ai reliés aux réglages du thème HubSpot : couleurs et polices se changent à un seul endroit. Là où l'offre Starter n'a pas de base de données, des listes comme la grille tarifaire sont devenues des champs répétables modifiables.

La section fonctionnalités de geoffr.ai, l'un des 18 modules sur mesure
02

Des corrections faites une fois, pour tout le site

Le texte blanc sur fond vert respecte désormais les normes d'accessibilité : un contraste passé de 2,76:1 à 6,50:1, avec une seule règle CSS. Le contenu reste lisible même si les scripts sont bloqués. Et le schéma des fondateurs, autrefois une image, est désormais une vraie section.

Avant : une image
Le schéma d'origine, fourni en image
Après : une section
Le schéma reconstruit en section adaptée au mobile, sur téléphone
03

Chaque lead arrive dans HubSpot

Des formulaires HubSpot natifs en français et en anglais remplacent le code sur mesure de l'ancien site, avec des propriétés CRM qui qualifient chaque demande : nombre de chambres et type d'établissement.

Le formulaire de demande de démo de geoffr.ai, avec les champs nombre de chambres et type d'établissement
04

Une passation pensée comme un livrable

Une vidéo commentée et un playbook annoté : les actions qui reviennent à l'équipe, comment créer une page, comment fonctionnent les deux langues, et des liens directs vers chaque écran d'administration. Mis à jour après chaque vague.

Pages du playbook annoté remis à Geoffr.ai
Deuxième vague · du 15 au 18 sept.

Le lancement s'est bien passé, le backlog a suivi.

Des blogs français et anglais séparés, des bannières cookies conformes à la CNIL, une frise du parcours client, une page équipe, 8 images de partage et un playbook mis à jour.

Résultats

En ligne en 4 jours. Puis piloté sans moi.

8 sept.En ligne sur geoffr.ai, 4 jours après le cadrage
12 pages6 en français, 6 en anglais, plus 2 listes de blog au lancement
1 jourPour que le cofondateur finalise le site seul, après la passation
« J'ai pu finaliser le site en 1 journée de mon côté, en autonomie. Ton livrable est top. »

Cofondateur, Geoffr.ai · email du 23 septembre 2026

Outils

Les outils et leur rôle

CMSHubSpot Content Hub
ThèmeModules HubL, jetons de design
CRMFormulaires et propriétés HubSpot
ConstructionClaude, HubSpot CLI
RecettePlaywright, aperçus en local
ConformitéBannières cookies HubSpot
PassationVidéo et PDF annoté
LanguesFrançais, anglais
Passation

Ce que l'équipe a gardé

▶Vidéo de prise en main commentéeJour du lancement
▤Playbook annoté : le site et son éditeurPDF
▤Mise à jour du playbook : toute la deuxième vaguePDF
✓Une courte liste des actions qui reviennent à l'équipePage 1