Un site sobre, accessible et pensé pour mettre en valeur l’offre du coach.
Ce projet s’inscrit dans un projet de fin d’étude puis à été mis à jour par la suite afin d’améliorer la proposition initiale de site vitrine en site de réservation.
Nom du projet
Objectif Body Brain - Coaching Sportif sur mesure
Date de réalisation
Avril 2024 - Juin 2024
Services réalisés
UI/UX Design, Intégration Web, SEO, Responsive.
Lien vers le site
Un site évolutif et conçu pour accompagner l’activité de coaching en ligne
🧭 Clarifier l’offre et les types de coaching proposés
📱 Faciliter le contact grâce à une navigation mobile fluide
📅 Anticiper l’ajout d’un calendrier de disponibilité
💬 Intégrer une logique permettant de faire évoluer le site
🎯 Mettre en avant la philosophie « Body & Mind » du coach
Un système pensé pour durer et s’adapter
Pour ce projet, j’ai conçu un design system minimaliste et cohérent, adapté à l’univers du coaching. Il repose sur une palette simple et contrasté, une typographie lisible, et des composants UI facilement réutilisables.
Ce système permet de garantir une expérience visuelle claire et efficace, tout en facilitant l’ajout futur de pages, de fonctionnalités (comme un calendrier) ou de nouveaux supports (emails, réseaux sociaux…).
💪 Cards Objectifs : Cartes avec icône, titre, court descriptif
🎯 Boutons CTA : Boutons noirs avec texte en majuscules, cliquables et visibles, pour inciter à la prise de contact
📚 Librairie d’icônes personnalisées : Création d’icônes dessinées pour illustrer les objectifs sportifs et les catégories de service
📱 Design mobile-first : Composants testés sur mobile pour garantir accessibilité, hiérarchie et visibilité optimale
🟡 Couleurs : Jaune vif & noir profond – pour exprimer le dynamisme des sports et le sérieux de l’accompagnement.
🔠 Typographie : sans-serif, moderne pour la lisibilité sur mobile et desktop.
🧭 Grille & espacement : système 12 colonnes fluide, adapté aux différentes résolutions
Un site pensé pour motiver, guider et convertir
Le site Body Brain ne se contente pas d’être visuellement percutant : il a été conçu pour orienter rapidement les visiteurs vers leur objectif personnel. La navigation est volontairement simple, avec un découpage clair des rubriques, pour une prise d’information rapide et une transformation facile (prise de rendez-vous, demande de contact, etc.).
✅ Lecture rapide des objectifs
✅ Bonne visibilité des appels à l’action
✅ Navigation fluide sur mobile
✅ Bonne hiérarchie visuelle malgré un univers graphique fort
Un site pensé pour motiver, guider et convertir
Ce projet m’a permis d’explorer un univers graphique fort, mêlant sport, énergie et impact visuel. Travailler avec une identité aussi marquée a été un vrai défi, notamment pour garder de la cohérence, une lecture fluide et un bon équilibre entre image et contenu.
Du style des icônes au contraste typographique, chaque élément a été affiné pour renforcer l’identité du site tout en maintenant une bonne accessibilité. La création d’un design system avec ses composants réutilisables m’a permis de gagner en cohérence et en efficacité.
Ce projet m’a aidé à aller au-delà d’un simple site vitrine. Il s’agissait ici de transformer des visiteurs en prospects, en combinant design, contenu et structure. C’était aussi une belle occasion d’aborder des enjeux comme la conversion, la hiérarchisation des contenus et l’expérience mobile.