Site vitrine
Création
site vitrine
× Fanny Corpet
Création d’un site vitrine coaching premium pour une coach exécutive dont le site statique ne pouvait plus évoluer. Reprise du design, passage sur CMS, et restructuration en 7 pages pour mieux présenter ses offres. Livré en 3 jours.
Voir le site →01
Build
UX/UI, développement & intégrations
3j
Du brief à la mise en ligne
7pages
Responsives, livrées clé en main
100%
Autonomie éditoriale
Contexte & problématique
Un site soigné mais impossible à faire vivre.
Fanny Corpet est coach exécutive. Ex-VC, ex-CFO, elle accompagne des dirigeants en hyper-croissance et des cadres en transition. Son positionnement est premium, sa clientèle vient par recommandation, et sa présence sur LinkedIn et Substack fait le reste.
Son site avait été construit avec des outils IA : un one page statique en Next.js, visuellement soigné, avec une identité visuelle qu’elle avait créée elle-même et à laquelle elle tenait. Le problème : aucun back-office. Modifier un texte, ajouter un témoignage, mettre à jour une offre, tout nécessitait de repasser par le processus de génération. Le site était une photo de son activité, pas un outil.
On lui a proposé deux options : un portage à l’identique de son site sur WordPress, avec un CMS pour reprendre la main ; ou une version améliorée, toujours fidèle à son design, mais avec une vraie structure multi-pages pour mieux présenter ses offres. Elle a choisi la seconde.
Le constat
Un site statique généré par IA, visuellement abouti mais sans back-office. Chaque modification nécessitait de relancer le processus de génération : pas de CMS, pas d’autonomie.
L’exigence
Fanny veut la main sur tout : textes, images, offres, témoignages, FAQ. Un site qu’elle pilote au quotidien, sans dépendre de personne.
Notre angle
Reprendre son design, passer sur CMS, et profiter du portage pour découper le one page en pages dédiées : une par offre, une par thématique. Plus clair pour le visiteur, plus simple à gérer pour elle.
Avant / Après, Homepage
Notre approche
Une méthode en 4 temps.
01
Audit & cadrage
Analyse du site existant (Next.js statique), extraction du contenu et des assets. En échangeant avec Fanny, on a identifié que ses offres gagneraient à être présentées séparément : Coaching (deux profils : CEO en croissance et pivot de carrière) d’un côté, CFO & Advisory de l’autre. Arborescence cible : 7 pages.
02
Reprise du design & portage
Fanny tenait à son identité visuelle. On a repris sa palette (vert foncé, crème, saumon), ses polices (DM Serif Display + DM Sans) et l’esprit du design qu’elle avait créé. Portage fidèle vers un thème WordPress custom, sans framework, en CSS custom properties.
03
Développement & intégrations
Thème WordPress custom avec ACF Flexible Content : chaque section est un champ éditable, zéro HTML exposé. Intégrations natives : Calendly (prise de rendez-vous), Substack (RSS auto), Tally (lead magnet), formulaire contact REST API, Google Analytics RGPD-compliant via Complianz.
04
Livraison & prise en main
7 pages responsives livrées clé en main : accueil, coaching, CFO & advisory, à propos, ressources, contact, mentions légales. Hébergement configuré, SEO paramétré (Yoast + focus keywords), et prise en main de l’admin pour que Fanny soit autonome dès le premier jour.
Visuels du projet
Le résultat en images.
Homepage desktop
Mobile, Page coaching
Focus 01
Du one page au multi-pages : un site qui reflète mieux l’offre
Le site existant concentrait tout sur une seule page. En échangeant avec Fanny, il est apparu que ses deux métiers, coaching de dirigeants et CFO & advisory, s’adressaient à des profils différents et méritaient chacun leur espace. On a découpé le contenu en pages dédiées avec un parcours adapté à chaque visiteur. Le site est devenu plus lisible, et Fanny peut désormais faire évoluer chaque offre indépendamment.
Focus 02
Un back-office pensé pour être utilisé
ACF Flexible Content : chaque section de chaque page est un champ éditable dans l’admin WordPress. Textes, images, témoignages, offres, FAQ, tout se modifie en quelques clics. Pas de blocs HTML, pas de shortcodes. Des champs nommés, un bouton enregistrer. Fanny gère son contenu comme elle gère son agenda : seule, au quotidien.
Stack technique
Les outils derrière le résultat.
Chaque technologie choisie pour une raison précise : maintenabilité, autonomie, ou capacité d’évolution.
CMS & éditeur
WordPressThème customACF ProFlexible ContentPHP 8
Front-end
CSS Custom PropertiesDM Serif DisplayDM SansResponsive
Intégrations
CalendlyTallySubstack RSSWP Mail SMTP
Analytics, SEO & conformité
GA4Complianz RGPDYoast SEOWPS Hide Login
IA & développement
Claude CodeGemini
“
J’avais un site mais je ne pouvais rien en faire. Hapi a repris mon design, m’a aidée à mieux structurer mes offres, et m’a livré un site que je fais vivre seule au quotidien. En trois jours.
Votre projet
Un résultat similaire
pour votre business ?
Premier échange toujours gratuit. On regarde ensemble si on est le bon partenaire pour votre projet.
