Concevoir pour une femme en renaissance, pas pour un moteur de recherche
Troisième volet du making-of du site de La Puissance de l'Éveil : comment j'ai conçu chaque écran pour celle qui lit et ce qu'elle doit ressentir, avant de penser au SEO.
J'ai conçu le site d'Eva pour une seule personne, pas pour un algorithme. Une femme forte, en renaissance, entre 30 et 50 ans, qui a passé sa vie à porter et qui commence à peine à s'autoriser à lâcher. Avant la moindre balise, avant le moindre mot-clé, la question a toujours été la même : quand elle arrive sur cette page, qu'est-ce qu'elle doit ressentir ? Le SEO, lui, attendra son tour dans cette série.
Je suis Jimmy. J'ai conçu et développé entièrement le nouveau site de La Puissance de l'Éveil. Après avoir posé la direction artistique, voici comment cette identité s'est mise au service d'un parcours humain, écran par écran.
Un site ne parle jamais à tout le monde
Le premier réflexe d'un site raté, c'est de vouloir plaire à tout le monde. Résultat : il ne touche personne. J'ai fait l'inverse en écrivant noir sur blanc à qui ce site s'adresse, et surtout à qui il ne s'adresse pas.
La cible d'Eva est précise. Des femmes qui ont appris très tôt à être fortes, à tenir, à contrôler, à ne pas faire de vagues. Celles qui sentent que ce qui les a protégées hier les limite aujourd'hui. Elles ne cherchent pas à « mieux gérer » leur vie, elles cherchent à se choisir.
Ce persona ferme des portes, et c'est tant mieux. Cette femme rejette frontalement le discours corporate, le mindset hustle, le coaching de la performance. Chaque décision de design découle de ce refus : pas de « Réservez maintenant », pas de compteur de résultats, pas de promesse de transformation en 30 jours. Le vocabulaire du site suit sa voix à elle : se choisir, traverser, retirer.
Les quatre passages ne sont pas une grille
L'histoire d'Eva tient en quatre passages : Conditionnement, Rupture, Reconnexion, Renaissance. C'est la colonne vertébrale de sa marque. La première version les présentait côte à côte, en quatre colonnes bien rangées. Eva a tranché en une phrase : « je n'aime pas la 4 colonnes ».
Elle avait raison, et voici pourquoi. Une grille de quatre colonnes aplatit un récit. L'oeil balaie les quatre cases en deux secondes, coche « ok, j'ai vu », et passe à la suite. On survole un parcours de vie comme on scanne un menu. Ce n'est pas ce qu'on ressent quand quelqu'un vous raconte comment son corps l'a arrêtée pendant deux ans.
J'ai donc tout repris en sticky scroll. Chaque passage occupe l'écran entier, se fixe, puis se fait chasser par le suivant au fil du défilement. Un chiffre romain géant en filigrane doré marque l'étape, une barre de progression se remplit segment par segment. On ne peut pas tout embrasser d'un coup : il faut avancer, un temps après l'autre.
Cette section est devenue un patron que je réutilise ailleurs : dès qu'un contenu raconte une progression (une méthode, un parcours, une transformation), le sticky scroll bat la grille à plate couture.
Le pouce avant le regard
La majorité des visiteuses d'Eva arrivent depuis Instagram, sur mobile, une main sur le téléphone. Concevoir « pour elle » voulait donc dire concevoir d'abord pour un écran vertical tenu à bout de pouce, pas pour mon grand moniteur de développeur.
Le hero en a fait les frais. En version bureau, il s'appuie sur une vidéo d'Eva en plein écran, cadrée en paysage. Splendide sur un ordinateur. Catastrophique sur mobile : une vidéo paysage ne se recadre pas proprement en portrait. On perd le visage, ou on zoome jusqu'à la bouillie de pixels. Aucun réglage ne sauve ça.
Alors je n'ai pas bricolé un recadrage. Sur mobile, on bascule totalement : la vidéo disparaît, une vraie photo portrait prend sa place. Pas la même image rognée, une image pensée pour le format vertical, où le regard d'Eva reste visible. Le titre, lui, a été redescendu sous le visage pour que rien n'écrase ses yeux au chargement.
Le SEO n'était pas la première question
On m'attend souvent sur le SEO, c'est mon métier depuis dix ans. Et pourtant, sur ce projet, je l'ai volontairement gardé pour plus tard. Pas par négligence : par ordre de priorité.
Un site optimisé pour Google mais tiède pour l'humaine qui le lit rate l'essentiel. Le référencement amène du trafic, il ne crée pas l'émotion qui fait qu'une femme se dit « elle parle de moi » et prend rendez-vous. L'inverse est faux aussi : un site qui touche juste peut ensuite se rendre visible. L'émotion d'abord, la visibilité ensuite. On ne monte pas les murs avant d'avoir décidé qui va habiter la maison.
Le SEO reviendra donc, plus loin dans ce making-of, une fois les fondations humaines posées. Structure, performance, contenu, maillage : tout ça se construit très bien par-dessus un site déjà pensé pour celle qui lit. L'inverse, presque jamais.
La suite
Concevoir pour une femme précise donnait le cap. Restait à le tenir en code. Comment traduire une atmosphère, un sticky scroll et un hero qui change de nature selon l'écran, sans se noyer dans une usine à gaz technique ?
C'est l'objet du prochain article : HTML d'abord, framework ensuite.
Envie de sauter directement à la fin de la série ? Le bilan complet, ce que j'ai appris en passant de Wix à un site sur-mesure.