Le client
Yomoni est une société française spécialisée dans la gestion d’épargne et d’investissements en ligne. Accessible, transparente et performante, la marque accompagne ses clients dans la valorisation de leur patrimoine à travers des solutions personnalisées, adaptées à chaque profil d’investisseur.
Le contexte
Yomoni a souhaité faire évoluer son image de marque pour adopter une identité plus moderne et singulière, renforçant ainsi sa position sur le marché. L’agence Social Club a ainsi conçu une nouvelle identité graphique plus affirmée et contemporaine, et notre mission a été de la traduire efficacement sur les supports digitaux : site web et application mobile.
Avec un délai de trois mois, un temps limité pour la mise en œuvre de ce projet ambitieux, nous avons dû faire preuve d’une grande agilité pour respecter les délais tout en garantissant une qualité optimale. Notre intervention s’est structurée autour de quatre missions clés :
- Stratégie digitale : garantir la cohérence entre l’image de marque et l’expérience en ligne.
- Design du site web : refonte graphique et adaptation à l’écosystème technique existant.
- Refonte du design system mobile : mise en place d’une approche itérative et agile pour assurer une transition fluide.
- Création d’un Design System : standardisation des éléments UI pour une cohérence durable entre le web et le mobile.
Dans un contexte exigeant, notre approche a permis de mener à bien cette transformation digitale en respectant les délais et en assurant une expérience utilisateur harmonisée et performante sur tous les supports.
Focus sur le site web
Notre approche pour le design : élégance, tourné vers l’accessibilité
Pour garantir la réussite de ce projet ambitieux dans un délai serré, nous avons adopté une approche pragmatique en capitalisant sur les modules existants. En effet, le site offrait déjà une bonne expérience utilisateur, ce qui nous a permis de nous concentrer pleinement sur la refonte graphique, sans bouleverser les parcours établis.
D’autre part, nous étions sur un site avec une large gamme de modules et de déclinaisons. Nous avons donc conseillé aux équipes de Yomoni de rationaliser, afin de garder seulement les modules essentiels pour épurer l’interface.
Enfin, une collaboration étroite avec notre agence de branding partenaire Social Club a été primordiale pour assurer une adaptation fidèle et efficace de la nouvelle charte graphique et la faire rayonner sur le digital.
Un défi technique à la hauteur des ambitions du projet
Au-delà du timing serré, un autre défi de taille s’est imposé : comprendre et maîtriser l’environnement technique existant. L’utilisation conjointe du CMS headless Prismic et du framework Next.js offre un site web performant, flexible et facile à faire évoluer.
Avant d’intégrer la nouvelle identité, notre équipe a dû analyser l’architecture existante, identifier les contraintes et adapter ses choix en conséquence. Un contexte inédit pour notre équipe, qui a rendu le projet d’autant plus challengeant pour les développeurs, mais aussi extrêmement enrichissant.
Cette refonte du site web et du design mobile de Yomoni marque une étape clé pour Yomoni. Notre ambition était, à la veille de nos 10 ans, de premiumiser notre image tout en conservant ce qui fait notre force : une expérience utilisateur transparente et fluide. Grâce à Social Club et Limpide, nous avons réussi à déployer une identité plus affirmée et à aligner notre présence digitale avec notre ADN de société de gestion, pionnier des ETF en France.
Le défi était de taille : en seulement trois mois, il a fallu repenser toute l’expérience web et mobile sans perturber l’expérience de nos 60 000 clients. L’approche, la méthodologie et l’expertise des équipes ont permis de mener à bien ce projet ambitieux dans les délais impartis.
Aujourd’hui, Yomoni dispose d’un site et d’une application qui reflètent pleinement nos valeurs et notre engagement envers nos clients : accessibilité, clarté et performance.
Tom Demaison – Directeur de la communication
Focus sur l’application
Une refonte mobile structurée et itérative
Pour exprimer la nouvelle identité graphique de Yomoni sur son application (iOS et Android), nous avons adopté une approche agile et itérative, structurée en trois axes :
- Une équipe dédiée et un suivi rigoureux
Nous avons constitué une “product squad” regroupant Product designers, consultants UX et Lead Développeurs pour assurer une collaboration fluide et efficace. Des “sprint reviews” hebdomadaires permettaient un suivi précis de l’avancement, une validation rapide des décisions et une adaptation continue aux besoins.
- Une refonte progressive et stratégique des écrans
En collaboration avec l’équipe produit de Yomoni, nous avons identifié et redesigné en priorité les écrans ayant le plus d’impact utilisateur dans le cadre du rebranding. La transition s’est opérée par lots fonctionnels, garantissant une adoption fluide et une mise en production maîtrisée.
Pour assurer un flux de livraison constant, notre travail était structuré en sprints design : chaque semaine, un lot d’écrans finalisés était remis aux développeurs, permettant un cycle d’itération rapide et efficace.
- Un Design System pour une cohérence durable
Dès le premier mois, nous avons conçu une bibliothèque de plus de 60 composants, avec plus de 150 design tokens, dans Figma, intégrant des principes clairs (typographie, couleurs, accessibilité) et des éléments réutilisables (boutons, formulaires, modales). Ce premier socle du Design System a accéléré la conception et garantit une homogénéité visuelle sur l’ensemble des écrans.
Grâce à cette approche agile et structurée, nous avons réussi à décliner la nouvelle identité sur l’application mobile tout en optimisant l’expérience utilisateur et en assurant une parfaite cohérence avec le site web refondu.
Des résultats concrets et impactants
La refonte du site web de Yomoni a été une véritable réussite, tant sur le plan visuel que fonctionnel. Ce projet a permis à la marque de franchir une étape clé dans sa transformation digitale. Grâce à une approche agile et une collaboration étroite entre Limpide, Yomoni et Social Club, nous avons relevé le défi d’un déploiement rapide tout en garantissant une expérience utilisateur optimisée et une identité visuelle cohérente sur tous les supports.
- Une expérience unifiée : Design et ergonomie alignés entre le site et l’application mobile pour une continuité fluide.
- Un socle technique performant : Prismic + Next.js offrent flexibilité et robustesse pour les évolutions futures.
- Un Design System structuré : Plus de 30 composants UI documentés, facilitant les déclinaisons et assurant l’autonomie des équipes.
- Un projet mené avec succès et dans les délais : Grâce à une méthodologie rigoureuse et une collaboration efficace entre les équipes Limpide, Social Club et Yomoni
Cette refonte ne se limite pas à un simple lifting esthétique : elle marque une réelle montée en puissance pour Yomoni, avec un site qui traduit désormais pleinement ses valeurs de transparence, de performance et de proximité. 🚀
Technologies utilisées
- Figma : conception des maquettes (site web & produit)
- Monday : gestion de projet (site web & produit)
- Prismic : développement et intégration (site web)
- Feedbucket : suivi des retours et recettes (site web)
Le site
