Bien Dire est un projet de refonte d’identité visuelle et de design UI pour un cabinet d’astrologie et de bien-être.
De la direction artistique au design du site WordPress, le projet s’appuie sur un univers illustré poétique, conçu pour allier clarté, narration et émotion.
Son univers visuel sont centrés sur le héron, animal-totem qui incarne la transformation et l’équilibre entre terre et ciel.
Symbolique d’héron :
synonyme de renaissance
Thôt, premier Dieu de l’astrologie de l’Egypte ancienne, est représenté sous forme d’ibis, un échassier.
Son épouse, Seshat, est devenue ensuite la déesse « officielle » des astrologues, des architectes et… des bibliothécaires !
La palette chromatique de Bien Dire repose sur un univers doux, lumineux et accessible, en écho à la philosophie de l’astrologie humaniste.
Chaque couleur a été choisie pour prolonger la poésie du projet : le bleu évoque la clarté du ciel, le jaune rappelle la chaleur du soleil, tandis que les pastels apportent une douceur bienveillante, fidèle à l’énergie de Bénédicte.
Le système typographique de Bien Dire repose sur un équilibre entre élégance symbolique et lisibilité moderne. Il traduit la dualité du projet : une approche à la fois spirituelle et accessible, ancrée dans la douceur et la clarté.
Cinzel – utilisée pour les titres (H1 à H2) → Son style classique et ses capitales raffinées évoquent l’univers astrologique et la dimension symbolique du projet.
Arimo – utilisée pour les sous-titres et intertitres (H3 à H4) → Plus sobre et contemporaine, elle apporte un ton professionnel et fluide à la lecture.
Source Sans Pro – dédiée aux textes courants et paragraphes
→ Moderne, claire et parfaitement lisible, elle renforce la dimension accessible et chaleureuse du discours.
Hiérarchie typographique
La carte de visite a été conçue comme un support essentiel pour incarner l’univers doux et poétique de Bien Dire.
Les affiches et flyers ont été conçus pour offrir une présentation claire et apaisante des services de Bénédicte.
L’objectif était de créer des supports imprimés à la fois professionnels, doux et facilement reconnaissables, qui reflètent la bienveillance et la clarté de son accompagnement.
Ces éléments graphiques accompagnent les visuels du site et des réseaux sociaux pour créer une ambiance lumineuse et cohérente.
Le héron est un symbole central, que j’ai décliné en plusieurs versions pour adapter tous les supports.
La plupart des éléments graphiques sont des illustrations artisanales, réalisées sur mesure.
Le site actuel manquait de lisibilité, d’harmonie visuelle et de fluidité dans la navigation. Il était donc essentiel de :
1. Clarifier l’offre et améliorer le parcours utilisateur
– Mettre les prestations au centre du premier écran grâce aux cartes « hérons »
– Faciliter l’accès direct à la prise de rendez-vous
– Simplifier la navigation avec une structure claire et intuitive
– Aérer les textes pour améliorer la lisibilité
2. Unifier et moderniser l’identité visuelle
– Remplacer la palette du site actuel par une gamme pastel cohérente
– Intégrer le héron, les halos et les motifs célestes dans l’ensemble des pages
– Apporter une dimension poétique et lumineuse, en lien avec la nouvelle charte graphique
3. Garantir une expérience mobile optimale
– Supprimer les interactions inadaptées
– Repenser les marges, tailles de texte et espacements
– Optimiser le premier écran mobile pour donner un aperçu immédiat de l’offre
4. Proposer un outil administrable et évolutif
– Passer sur WordPress + Elementor pour que la cliente puisse modifier ses textes
– Prévoir une migration vers son domaine Infomaniak
– Intégrer un système de sauvegarde et de sécurité.
Le design system définit l’univers visuel de Bien Dire : il regroupe les éléments graphiques essentiels — le héron, les motifs célestes et végétaux, la palette pastel et la typographie douce et lisible.
Les maquettes desktop et mobile ont permis de vérifier la cohérence visuelle avec la charte, ajuster la hiérarchie des informations, tester l’ergonomie et la facilité de navigation, préparer une intégration WordPress soignée et fidèle au design.
1. Reproduction fidèle des maquettes avec WordPress avec le thème Kadence et Elementor.
2. Gestion du responsive – Optimisation manuelle : retrait des arrière-plans trop chargés, simplification des colonnes en affichage mobile, centrage.
systématique des CTA, réduction du poids des illustrations.
3. Ajout de contenus dynamiques — Intégration des pages Prestations avec liens directs vers Calendly, Flux Instagram non intégré (compte client non accessible)
4. Sécurisation et performances – Sauvegardes automatiques via UpdraftPlus, compression d’images, nettoyage du CSS inutile.
Le site final Bien Dire propose une expérience douce, poétique et moderne, parfaitement en accord avec la sensibilité de Bénédicte. La page d’accueil présente les informations essentielles de manière très claire : les prestations, la présentation de la cliente, les avis et le flux Instagram. La navigation est pensée pour être fluide et intuitive, avec un accès direct aux rendez-vous via des liens Calendly.
Selon la mythologie égyptienne Thôt, dieu de l’écriture, du savoir et de l’ordre cosmique, est représenté sous forme d’ibis (un échassier proche du héron).
Seshat, déesse de l’écriture, de la connaissance et des architectes, est son pendant féminin. Ils sont tous deux liés à la naissance de l’astrologie et à la transmission du savoir.
Le héron a toujours accompagné Bénédicte comme un animal-totem. Elle y voit le reflet local de l’ibis sacré, symbole de connaissance et de guidance.
Cette symbolique correspondait parfaitement à sa philosophie :
“Accompagner la transformation intérieure des personnes, avec douceur et clarté.”
Cette storyboard était conçu partialement sur mes genoux et partialement en utilisant la table de GRETA
Thot apparaît en train d’écrire sur son parchemin, symbole de connaissance et de clarté.
Seshat entre dans le cadre et le touche doucement avec son bâton, déclenchant la transformation.
La métamorphose commence et personnage entier ne devient un héron.
Les ailes se déploient ensuite et le héron s’envole.
La vidéo se conclut avec l’apparition animée de logo « Bien Dire ».