SCROLL
SCROLL
SCROLL
MyRavito
APPLICATION DE NUTRITION SPORTIVE
MyRavito aide les sportifs, du débutant à l’athlète de haut niveau, à construire leur plan de nutrition avant, pendant et après l’effort. Malgré un concept solide et une communauté engagée, son univers de marque et son site ne reflétaient pas encore pleinement la qualité et le potentiel de l’application.
MyRavito aide les sportifs, du débutant à l’athlète de haut niveau, à construire leur plan de nutrition avant, pendant et après l’effort. Malgré un concept solide et une communauté engagée, son univers de marque et son site ne reflétaient pas encore pleinement la qualité et le potentiel de l’application.
J’ai pris en charge la direction artistique et la refonte du site, avec un objectif clair : rendre la proposition de valeur immédiatement compréhensible, différencier MyRavito dans l’univers de la nutrition sportive et donner envie de télécharger l’application. Cette première étape pose les bases d’une expérience cohérente, qui se poursuivra avec le redesign de l’app.
J’ai pris en charge la direction artistique et la refonte du site, avec un objectif clair : rendre la proposition de valeur immédiatement compréhensible, différencier MyRavito dans l’univers de la nutrition sportive et donner envie de télécharger l’application. Cette première étape pose les bases d’une expérience cohérente, qui se poursuivra avec le redesign de l’app.
Réalisations
WEBDESIGN
UI/UX
Stacks
Direction artistique
La direction artistique de MyRavito devait refléter la précision de son approche nutritionnelle, tout en conservant l’énergie et l’intensité propres au sport. L’enjeu était de créer un univers crédible et expert, sans tomber dans des codes trop médicaux ou trop austères.
Avec Lauranne et Théo, nous avons construit une identité capable de s’adresser aussi bien aux sportifs débutants qu’aux athlètes confirmés. Chaque choix graphique devait renforcer la compréhension du service, affirmer la personnalité de la marque et donner envie de découvrir l’application.
Caractère & impact
La typographie Anton, utilisée en capitales, donne une vraie force aux messages. Dense, directe et presque athlétique, elle évoque l’effort, la détermination et la progression, tout en créant une hiérarchie claire dans les pages.
Énergie & contraste
Le bleu marine apporte sérieux, fiabilité et crédibilité, tandis que l’orange insuffle du mouvement et de la motivation. Le gradient bleu-orange est pleinement assumé, mais utilisé avec parcimonie pour préserver la lisibilité et renforcer son impact.
Une forme signature
La forme circulaire « croquée », proche d’un donut, fait subtilement référence à l’alimentation. Associée au gradient, elle devient un élément distinctif de l’univers MyRavito et permet de créer un langage visuel cohérent sur l’ensemble du site.
Le sport dans le réel
L’imagerie repose sur des photographies de sportifs en action pour ancrer la marque dans des situations concrètes. Les cadrages dynamiques et les effets de mouvement renforcent l’intensité des compositions et rappellent que la nutrition fait pleinement partie de la performance.
MyRavito
APPLICATION DE NUTRITION SPORTIVE
MyRavito aide les sportifs, du débutant à l’athlète de haut niveau, à construire leur plan de nutrition avant, pendant et après l’effort. Malgré un concept solide et une communauté engagée, son univers de marque et son site ne reflétaient pas encore pleinement la qualité et le potentiel de l’application.
J’ai pris en charge la direction artistique et la refonte du site, avec un objectif clair : rendre la proposition de valeur immédiatement compréhensible, différencier MyRavito dans l’univers de la nutrition sportive et donner envie de télécharger l’application. Cette première étape pose les bases d’une expérience cohérente, qui se poursuivra avec le redesign de l’app.
Réalisations
WEBDESIGN
UI/UX
Stacks
Direction artistique
La direction artistique de MyRavito devait refléter la précision de son approche nutritionnelle, tout en conservant l’énergie et l’intensité propres au sport. L’enjeu était de créer un univers crédible et expert, sans tomber dans des codes trop médicaux ou trop austères.
Avec Lauranne et Théo, nous avons construit une identité capable de s’adresser aussi bien aux sportifs débutants qu’aux athlètes confirmés. Chaque choix graphique devait renforcer la compréhension du service, affirmer la personnalité de la marque et donner envie de découvrir l’application.
Caractère & impact
La typographie Anton, utilisée en capitales, donne une vraie force aux messages. Dense, directe et presque athlétique, elle évoque l’effort, la détermination et la progression, tout en créant une hiérarchie claire dans les pages.
Énergie & contraste
Le bleu marine apporte sérieux, fiabilité et crédibilité, tandis que l’orange insuffle du mouvement et de la motivation. Le gradient bleu-orange est pleinement assumé, mais utilisé avec parcimonie pour préserver la lisibilité et renforcer son impact.
Une forme signature
La forme circulaire « croquée », proche d’un donut, fait subtilement référence à l’alimentation. Associée au gradient, elle devient un élément distinctif de l’univers MyRavito et permet de créer un langage visuel cohérent sur l’ensemble du site.
Le sport dans le réel
L’imagerie repose sur des photographies de sportifs en action pour ancrer la marque dans des situations concrètes. Les cadrages dynamiques et les effets de mouvement renforcent l’intensité des compositions et rappellent que la nutrition fait pleinement partie de la performance.
Analyse du site web
Le site existant de MyRavito présentait l’application, mais ne valorisait pas encore suffisamment tout ce qui fait sa force. La promesse était présente, mais elle restait peu incarnée visuellement et le parcours ne permettait pas toujours de comprendre, en quelques secondes, à qui s’adresse l’app, ce qu’elle apporte concrètement, et pourquoi elle se distingue dans l’univers de la nutrition sportive.
L’enjeu n’était donc pas seulement de “refaire un site plus joli”, mais de repenser la manière dont MyRavito raconte son produit. Avec Lauranne et Théo, nous avons travaillé sur une refonte capable de mieux faire entrer l’utilisateur dans l’univers de la marque, en mettant davantage en avant ses bénéfices, sa communauté et sa dimension lifestyle, au-delà de la simple présentation fonctionnelle de l’application.
UX UI Design
La refonte UX/UI devait aller au-delà d’une simple présentation de l’application. L’objectif était de construire une expérience plus immersive, capable de faire comprendre rapidement la valeur de MyRavito, de mettre en avant ses bénéfices et sa communauté, tout en donnant envie d’entrer pleinement dans son univers.
Des sections pensées pour expliquer MyRavito
La refonte UX/UI du site MyRavito a permis d’ajouter de nouvelles sections consacrées aux usages, aux profils sportifs et aux bénéfices de l’application. L’objectif était de ne pas seulement montrer l’interface, mais d’expliquer clairement à qui s’adresse MyRavito, comment l’app accompagne les sportifs et ce qu’elle apporte à leur préparation nutritionnelle.
Ces contenus construisent un parcours plus complet autour de la nutrition sportive, de la performance et de l’accompagnement proposé par MyRavito.
Une valeur perçue renforcée
La direction artistique, la hiérarchie des contenus et la mise en scène de l’application ont été retravaillées pour renforcer la crédibilité de MyRavito. Le nouveau site présente l’app comme un outil structuré, fiable et adapté aux besoins des sportifs, du débutant à l’athlète confirmé.
La refonte améliore ainsi la compréhension de la proposition de valeur et traduit plus justement la qualité du produit.
Une expérience responsive
Le site MyRavito a été conçu pour offrir une navigation fluide sur ordinateur, tablette et mobile. Les contenus, les visuels et les appels à l’action s’adaptent à chaque format afin de conserver une lecture claire et de faciliter le téléchargement de l’application.
Cette approche mobile-first est essentielle pour une application de nutrition sportive, souvent découverte directement depuis un smartphone.
L’application et sa communauté
La refonte ne présente pas uniquement les fonctionnalités de l’application MyRavito. Elle met également en avant sa communauté, son expertise et son univers autour de la nutrition, de l’entraînement et de la performance sportive.
Le site devient ainsi une véritable porte d’entrée vers la marque, capable de créer de la confiance, de la projection et une connexion plus forte avec les sportifs.
Analyse du site web
Le site existant de MyRavito présentait l’application, mais ne valorisait pas encore suffisamment tout ce qui fait sa force. La promesse était présente, mais elle restait peu incarnée visuellement et le parcours ne permettait pas toujours de comprendre, en quelques secondes, à qui s’adresse l’app, ce qu’elle apporte concrètement, et pourquoi elle se distingue dans l’univers de la nutrition sportive.
L’enjeu n’était donc pas seulement de “refaire un site plus joli”, mais de repenser la manière dont MyRavito raconte son produit. Avec Lauranne et Théo, nous avons travaillé sur une refonte capable de mieux faire entrer l’utilisateur dans l’univers de la marque, en mettant davantage en avant ses bénéfices, sa communauté et sa dimension lifestyle, au-delà de la simple présentation fonctionnelle de l’application.
UX UI Design
La refonte UX/UI devait aller au-delà d’une simple présentation de l’application. L’objectif était de construire une expérience plus immersive, capable de faire comprendre rapidement la valeur de MyRavito, de mettre en avant ses bénéfices et sa communauté, tout en donnant envie d’entrer pleinement dans son univers.
Des sections pensées pour expliquer MyRavito
La refonte UX/UI du site MyRavito a permis d’ajouter de nouvelles sections consacrées aux usages, aux profils sportifs et aux bénéfices de l’application. L’objectif était de ne pas seulement montrer l’interface, mais d’expliquer clairement à qui s’adresse MyRavito, comment l’app accompagne les sportifs et ce qu’elle apporte à leur préparation nutritionnelle.
Ces contenus construisent un parcours plus complet autour de la nutrition sportive, de la performance et de l’accompagnement proposé par MyRavito.
Une valeur perçue renforcée
La direction artistique, la hiérarchie des contenus et la mise en scène de l’application ont été retravaillées pour renforcer la crédibilité de MyRavito. Le nouveau site présente l’app comme un outil structuré, fiable et adapté aux besoins des sportifs, du débutant à l’athlète confirmé.
La refonte améliore ainsi la compréhension de la proposition de valeur et traduit plus justement la qualité du produit.
Une expérience responsive
Le site MyRavito a été conçu pour offrir une navigation fluide sur ordinateur, tablette et mobile. Les contenus, les visuels et les appels à l’action s’adaptent à chaque format afin de conserver une lecture claire et de faciliter le téléchargement de l’application.
Cette approche mobile-first est essentielle pour une application de nutrition sportive, souvent découverte directement depuis un smartphone.
L’application et sa communauté
La refonte ne présente pas uniquement les fonctionnalités de l’application MyRavito. Elle met également en avant sa communauté, son expertise et son univers autour de la nutrition, de l’entraînement et de la performance sportive.
Le site devient ainsi une véritable porte d’entrée vers la marque, capable de créer de la confiance, de la projection et une connexion plus forte avec les sportifs.
Application mobile
La refonte de l’application MyRavito a débuté par un audit UX/UI complet de l’existant. L’objectif était d’identifier les points de friction, les incohérences d’interface et les étapes pouvant ralentir la création ou le suivi d’un plan nutritionnel.
Cette analyse a permis de mieux comprendre les usages réels des sportifs et de définir les priorités de la refonte : simplifier les parcours, clarifier les informations et rendre l’expérience plus fluide du premier lancement jusqu’au suivi de l’effort.
Ateliers & stratégie produit
Une table ronde et plusieurs ateliers stratégiques ont été menés avec Lauranne et Théo afin de confronter les besoins des utilisateurs aux objectifs de MyRavito. Ces échanges ont permis de préciser les profils ciblés, les principaux scénarios d’usage et les fonctionnalités à faire évoluer.
Ce travail collectif a servi de base à l’architecture de l’application et aux décisions UX prises tout au long du projet.
Refonte UX/UI complète
L’ensemble de l’application a été repensé pour proposer une expérience plus simple, plus cohérente et plus engageante. Les parcours, la hiérarchie des contenus et les interactions ont été retravaillés afin de faciliter la création, la compréhension et le suivi des plans de nutrition sportive.
La nouvelle interface reprend les codes visuels de MyRavito pour assurer une continuité forte entre le site web, l’application et les autres points de contact de la marque.
Nouvelles fonctionnalités
La refonte a également intégré la conception de nouvelles fonctionnalités répondant aux besoins identifiés pendant les ateliers. Chaque fonctionnalité a été pensée à partir d’un usage concret, puis intégrée dans les parcours existants sans complexifier l’expérience.
L’objectif était d’enrichir l’application tout en conservant une navigation intuitive, accessible aux sportifs débutants comme aux athlètes confirmés.
UI design, prototypage & handoff
Une fois les parcours validés, l’UI design a permis de décliner l’ensemble de l’application dans une interface cohérente, lisible et fidèle à l’univers MyRavito. Les composants, les différents états et les interactions ont été structurés dans Figma pour garantir une expérience homogène.
Un prototype interactif a ensuite permis de tester les enchaînements et de valider les nouvelles fonctionnalités. Le projet a été finalisé par un handoff Figma prêt pour le développement, avec des écrans organisés, des composants réutilisables et des spécifications claires pour faciliter l’intégration par l’équipe technique.
Application mobile
La refonte de l’application MyRavito a débuté par un audit UX/UI complet de l’existant. L’objectif était d’identifier les points de friction, les incohérences d’interface et les étapes pouvant ralentir la création ou le suivi d’un plan nutritionnel.
Cette analyse a permis de mieux comprendre les usages réels des sportifs et de définir les priorités de la refonte : simplifier les parcours, clarifier les informations et rendre l’expérience plus fluide du premier lancement jusqu’au suivi de l’effort.
Ateliers & stratégie produit
Une table ronde et plusieurs ateliers stratégiques ont été menés avec Lauranne et Théo afin de confronter les besoins des utilisateurs aux objectifs de MyRavito. Ces échanges ont permis de préciser les profils ciblés, les principaux scénarios d’usage et les fonctionnalités à faire évoluer.
Ce travail collectif a servi de base à l’architecture de l’application et aux décisions UX prises tout au long du projet.
Refonte UX/UI complète
L’ensemble de l’application a été repensé pour proposer une expérience plus simple, plus cohérente et plus engageante. Les parcours, la hiérarchie des contenus et les interactions ont été retravaillés afin de faciliter la création, la compréhension et le suivi des plans de nutrition sportive.
La nouvelle interface reprend les codes visuels de MyRavito pour assurer une continuité forte entre le site web, l’application et les autres points de contact de la marque.
Nouvelles fonctionnalités
La refonte a également intégré la conception de nouvelles fonctionnalités répondant aux besoins identifiés pendant les ateliers. Chaque fonctionnalité a été pensée à partir d’un usage concret, puis intégrée dans les parcours existants sans complexifier l’expérience.
L’objectif était d’enrichir l’application tout en conservant une navigation intuitive, accessible aux sportifs débutants comme aux athlètes confirmés.
UI design, prototypage & handoff
Une fois les parcours validés, l’UI design a permis de décliner l’ensemble de l’application dans une interface cohérente, lisible et fidèle à l’univers MyRavito. Les composants, les différents états et les interactions ont été structurés dans Figma pour garantir une expérience homogène.
Un prototype interactif a ensuite permis de tester les enchaînements et de valider les nouvelles fonctionnalités. Le projet a été finalisé par un handoff Figma prêt pour le développement, avec des écrans organisés, des composants réutilisables et des spécifications claires pour faciliter l’intégration par l’équipe technique.
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
MENU
MENU
MENU
MENU
MENU
MENU
MENU
MENU