Designing a scalable visual identity and digital ecosystem for a growing astrology brand.
Bien Dire est une marque personnelle d’astrologie portée par Bénédicte.
Elle souhaitait :
Moderniser son identité
Rendre son univers plus joyeux et différenciant
Structurer sa communication Instagram
Développer un site cohérent
Avant le projet :
Identité peu structurée
Manque de cohérence entre supports
Difficulté à décliner visuellement le contenu
Absence de système réutilisable
Créer un système visuel à la fois expressif et structuré.
Créer un univers identifiable et scalable, tout en préservant la personnalité du projet.
Direction artistique
Illustration
Design du système visuel
Création de templates Canva
Design web
Structuration des éléments de marque
Son univers visuel sont centrés sur le héron, animal-totem qui incarne la transformation et l’équilibre entre terre et ciel.
Synonyme de renaissance.
Thôt, premier dieu de l’astrologie de l’Égypte ancienne, est représenté sous la forme d’un 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
Le bleu principal du texte “BIEN DIRE” #4A97C4 évoque la sérénité, le ciel et la clarté mentale.
Le bleu foncé du cercle derrière le héron #1A2740 rappelle le ciel nocturne et la profondeur de l’univers astrologique.
Gris du corps du héron
#C9C9C9 équilibre neutre, sobriété.
Orange du bec #F49C64 est un accent solaire, apporte de la chaleur et de la vitalité.
La typographie exprime simultanément la clarté du discours (“Dire”) et la bienveillance de l’accompagnement (“Bien”). Elle contribue à une image simultanément lumineuse, accessible et professionnelle.
Le logotype Bien Dire a été conçu comme l’élément central de l’identité visuelle du projet. Il traduit les valeurs essentielles de la marque : équilibre, transformation et bienveillance. Chaque version – du logo principal au pictogramme simplifié – conserve les éléments distinctifs du symbole du héron.
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 présentait des problèmes de lisibilité, de cohérence visuelle et d’optimisation mobile.
Problèmes
Offre peu visible au premier écran
Navigation peu intuitive
Accès au rendez-vous peu direct
Amélioration
Mettre les prestations au centre
Simplifier la navigation
Clarifier la hiérarchie des contenus
Problèmes
Interactions inadaptées
Lisibilité insuffisante
Hero mobile peu clair
Amélioration
Adapter les interactions au tactile
Optimiser marges et typographie
Clarifier la hiérarchie mobile
Problèmes
Palette peu harmonisée
Manque d’unité entre les pages
Absence de système graphique
Amélioration
Déployer une palette cohérente
Intégrer des éléments identitaires
Structurer un langage visuel réutilisable
Problèmes
Dépendance technique
Structure peu flexible
Amélioration
Refonte sous WordPress + Elementor
Migration et sécurisation
Blocs réutilisables et évolutifs
Le design system structure l’univers visuel de Bien Dire. Il garantit cohérence, lisibilité et réutilisabilité sur tous les supports.
Fondation
Palette pastel inspirée de l’astrologie et de la lumière naturelle.
Couleurs hiérarchisées (primary, accents, neutres).
Équilibre visuel et cohérence sur l’ensemble des supports.
Structure
Système de titres H1 à H4 structurant l’information.
Guidage clair du regard.
Lisibilité renforcée sur tous les supports.
Composants
Illustrations intégrées comme éléments du système.
Cartes et sections conçues comme modules réutilisables.
Déclinaison fluide web, réseaux sociaux et print.
Structure
Grille modulaire garantissant alignement et cohérence.
Rythme horizontal basé sur des colonnes régulières.
Système adaptable desktop et mobile.
Composants
Système de cartes modulaires réutilisables.
Boutons et CTA normalisés.
Sections construites comme patterns scalables.
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 ».