PROJECT
Bioanalogie Inc.
Refonte complète du site – identité, structure, contenu et design.
Conception d’un site intuitif, cohérent et profondément aligné avec l’univers symbolique de la Bioanalogie. L’objectif était de moderniser un site vieillissant tout en respectant l’essence de l’enseignement de Jean-Philippe Brébion.
Le travail a impliqué : la refonte graphique, la réorganisation complète de l’arborescence, ainsi qu'une forte amélioration de l’expérience utilisateur.
Le résultat : un site clair, inspirant, bien structuré, capable d’accueillir un public large tout en valorisant la profondeur de l’approche enseignée.
CLIENT
Jean-Philippe Brébion – Fondateur de la Bioanalogie
Role
Web and UI/UX designer, rédacteur SEO
Scope
• Architecture de l’information
• Adaptation/réécriture de contenu
• SEO Yoast
• Design responsive
• Création d’illustrations, pictogrammes et visuels personnalisés
• Intégration WordPress
Tools
Wordpress, Photoshop, Midjourney
YEAR
Décembre 2024 - juin 2025
Ancien site web Bioanalogie
Le site bioanalogie.com, consacré à l’enseignement de Jean-Philippe Brébion, avait besoin d’une refonte complète tant sur le plan technique que graphique et éditorial.
Refont du site web Bioanalogie.com
L’objectif était de moderniser un site vieillissant tout en respectant l’essence de l’enseignement de Jean-Philippe Brébion.
Contexte et objectifs
-
Design daté, peu lisible.
-
Arborescence confuse, manque de structuration.
-
Visuels incohérents, esthétiquement peu harmonisés.
-
Problèmes d’accessibilité, de lisibilité et de navigation.
-
Contenus pédagogiques denses mais mal hiérarchisés.
-
Absence d’un parcours utilisateur clair pour accéder aux Clés de Naissance, Formations, Articles, etc.
Défis principaux
-
Moderniser un site dense sans perdre la richesse du contenu.
-
Créer une interface claire malgré la complexité des concepts abordés.
-
Adapter le message à un public non technophile (souvent 45-65 ans).
-
Travailler en collaboration avec une équipe dispersée.
-
Facilité de gestion du contenu/mise en page du site par le client.
Résultats
-
Identité visuelle unifiée.
-
Expérience utilisateur grandement améliorée (responsive, parcours simplifiés).
-
Structuration logique des contenus.
-
Arborescence claire centrée sur l’utilisateur.
-
Mise en avant les produits principales de Bioanalogie.
-
Visibilité SEO optimisée.
-
Retour très positif de l’équipe et des utilisateurs.
Colors
The platform aims to simplify the process of managing software licenses for businesses of all sizes. It's crucial that the platform instills a sense of security, efficiency, and user-friendliness.
#003069
#2E649D
#E1EDF9
#DDB975
#FCD68E
#F1E5D1
Typographie
Merriweather Sans was specifically designed for on-screen reading, with open letterforms, smooth curves, and generous spacing. It offers broad browser compatibility and fast loading, which is crucial for user experience.
This font is particularly well-suited for a target audience aged 45 to 65, thanks to its clear shapes, open counters, and generous spacing, which make reading easier—even in cases of visual fatigue or early presbyopia.
Merriweather Sans
Light, Regular, Bold
This font is particularly well-suited for a target audience aged 45 to 65, thanks to its clear shapes, open counters, and generous spacing, which make reading easier—even in cases of visual fatigue or early presbyopia.
The Light weight is ideal for secondary text, subheadings, or discreet elements without sacrificing readability.
The Regular weight offers excellent flow for continuous reading in paragraphs and informative content.
The Bold version, with its strong contrast, helps emphasize headlines, calls to action, or key information without overwhelming the layout.
Title 1 : 40 px
Title 2 : 36 px
Title 3 : 30 px
Title 4 : 24 px
Title 5 : 18 px
Paragraph 1 : 16 px
Paragraph 2 : 14 px
Button : 16 px
Fluide intuitive navigation
The Simplm website showcases intuitive navigation with a clear menu, detailed dropdowns, and a visual layout for easy access to license management features.
Bioanalogie Web Site
Un site clair, inspirant, bien structuré, capable d’accueillir un public large tout en valorisant la profondeur de l’approche enseignée.
