Aller au contenu principal
Retour aux projets

5 sur 5

Cvotrehistoire

Site vitrine professionnel pour Florence Clémente, écrivaine-biographe et prête-plume, conçu et intégré sur Wix Studio pour qu'elle garde la main sur son blog et ses mises à jour éditoriales.

Compétences
GhostwritingUI DesignNo-codeWix StudioContent strategyWeb designPersonal branding
Clients
(Florence Clémente)
Rôles
Product DesignerNo-code integrator
Équipes
Florence Clémente
Période
2022

Aperçu

CVOTREHISTOIRE (cvotrehistoire.fr) est le site professionnel de Florence Clémente, écrivaine-biographe indépendante basée en Saône-et-Loire. Elle accompagne les particuliers pour transformer souvenirs, récits de vie et hommages en livres imprimés. J'ai conçu et intégré le site sur Wix Studio dans le cadre d'un projet perso, plusieurs versions ont abouti à une vitrine claire et crédible, fidèle à son métier, qu'elle peut faire vivre seule.

Problème

Florence avait besoin de plus qu'une simple page de présentation : un site qui explique une prestation sensible et exigeante (biographies, récits condensés, portraits et hommages), rassure avant le premier entretien, et reste simple à mettre à jour quand elle publie un article ou ajuste son offre. Un site livré « en dev » aurait rendu chaque modification de texte dépendante d'un tiers, peu adapté à une autrice qui vit dans l'écriture et veut garder la main sur son blog.

Les prospects devaient aussi ressentir avec qui ils travailleraient, pas seulement lire une liste de prestations, et découvrir à quoi ressemble un livre abouti sans devoir plonger dans le blog dès la première seconde.

Mon rôle

  • Design web, structure, identité visuelle sur la plateforme, typographie et mise en page alignées avec son positionnement de biographe
  • Intégration no-code sur Wix Studio, construction, responsive et paramétrage des pages clés (prestations, méthode, options éditoriales, blog)
  • Itération UX de la page d'accueil, tests de mise en page suivis via analytics ; repositionnement des blocs pour renforcer l'envie de contact
  • Autonomie cliente, choix délibéré du no-code pour que Florence puisse maintenir le site elle-même, en particulier le blog et les contenus rédactionnels, sans intermédiaire technique
  • Livraison itérative, plusieurs versions du site avec Florence jusqu'à une direction qui correspond à son activité et à son ton

Approche

La décision produit est venue en premier : no-code sur Wix Studio, pas une stack sur mesure. L'enjeu n'était pas la flexibilité technique maximale mais l'autonomie éditoriale, Florence devait pouvoir publier et corriger ses contenus à son rythme.

Parchemin et encre, direction artistique. La biographie parle du passé ; la DA devait sentir intemporel et tactile, pas un template d'agence générique. Nous avons exploré plusieurs pistes avant d'aboutir à une palette ocre, effet parchemin, avec des touches d'encre par-dessus, pas de logotype tape-à-l'œil, mais un titres façon machine à écrire qui évoque l'écriture et l'histoire. La page d'accueil ci-dessous est le fruit de ce cycle d'itérations.

Page d'accueil CVOTREHISTOIRE, direction parchemin, palette ocre, titrage machine à écrire et overlay encre

Mise en page de l'accueil, tester, mesurer, ajuster. Une fois la base visuelle posée, nous avons affiné chaque contenu se place sur la home. Via les analytics du site, nous avons comparé des versions avec un ordre et une visibilité différents des sections, notamment autour des points d'entrée vers le contact. Repositionner les blocs selon ce que les visiteurs scrollaient et cliquaient a augmenté les prises de contact. La mise en page est responsive et mobile-friendly, avec la même hiérarchie sur petit écran pour que les prospects puissent joindre Florence rapidement depuis un téléphone.

La photo Florence, confiance humaine. Nous avons ajouté une section dédiée avec une photo chaleureuse de Florence sur son vélo, accueillante, ouverte, clairement quelqu'un à qui on confie son récit. Nous avons ensuite demandé à d'anciens clients comment ils l'avaient choisie et comment ils avaient trouvé le site. Le référencement a aidé une partie des visiteurs à arriver, mais plusieurs ont dit que la photo avait été décisive : ils l'ont vue et ont senti tout de suite que ça matchait, « c'est la biographe avec qui je veux parler », avant même de lire toute la fiche prestation.

Section page d'accueil avec le portrait de Florence Clémente, photo chaleureuse pour créer la confiance avant le contact

Carousel témoignages, montrer les livres, renvoyer vers l'écriture. Plutôt que de mettre le blog en avant dès le départ, nous avons construit un carousel de photos de vrais livres que Florence a écrits et fait imprimer, une preuve concrète de ce qu'elle produit. Chaque visuel renvoie vers un article de blog sur ce livre, pour que les visiteurs curieux aillent plus loin dans son métier sans parcours « lisez d'abord le blog ». Les CTA contact restent visibles : découvrir le travail vite, contacter Florence tout aussi vite.

Carousel témoignages, photos de biographies imprimées renvoyant vers les articles de blog associés

Prestations et méthode, des parcours clairs vers le contact. Les pages décrivent les formats (biographie complète, récit condensé, portrait ou hommage) et le déroulé entretiens → impression. L'objectif est le même que sur l'accueil : comprendre la prestation, voir le côté humain et le résultat, et contacter Florence en un ou deux clics.

Section prestations, formats de biographie et panorama de l'offre
Section méthode, des entretiens enregistrés au livre imprimé

Les contraintes de Wix Studio ont structuré le système : sections réutilisables, rythme visuel cohérent, modèles de blog que Florence peut réutiliser sans casser la mise en page.

Résultat

Le site est en ligne sur cvotrehistoire.fr et présente l'offre complète de Florence, de l'écriture à partir d'entretiens jusqu'au livre prêt à imprimer, de façon professionnelle et accessible. L'itération sur la mise en page et les analytics, le portrait de Florence et le carousel de livres a aidé à transformer les visites en conversations : les prospects comprennent la prestation, voient un résultat concret, ressentent une connexion humaine et peuvent la contacter sans friction. Elle garde la main sur les mises à jour du quotidien, surtout sur le blog, ce qui était le cœur du choix no-code. Pour moi, c'était un projet perso ciblé à la croisée du design produit, de la structuration de contenu, de la validation UX et de la livraison no-code pour une cliente indépendante, en dehors de mon contexte B2B/fintech habituel.