Ooinvestir

Creation du design system

2023

Finance
Refonte UI

Ooinvestir est un produit d'investissement. Son but principal est d'encourager les utilisateurs à diversifier leur investissement en les proposant un simulateur qui identifie le profil investisseur (sécurisé, dynamique, équilibré) et propose différents produits d'investissement correspondant à leur profil.

Problématiques

Contexte

Ooinvestir a vécu un pivot au début de 2023. Précédemment, il a été créé sans aucune définition d'un Design system, d'une charte précise (marketing et interface) et des couleurs fortes contrastées, inaccessibles.

Objectif

Comment optimiser l'interface d'Ooinvestir, et unifier son identité pour créer une expérience beaucoup plus cohérente ?

Organiser des points avec le développeur, communiquer au sein de l'équipe design, créer une nouvelle branding d'Ooinvestir pour une meilleure accessibilité.

Ancien Ooinvestir

Depuis son lancement, Ooinvestir n'avait pas de Design System, ce qui entraînait des problèmes de cohérence et de constance visuelle, exacerbés par l'arrivée de nouveaux membres au sein de l'équipe Design. Pour remédier à cette situation, j'ai élaboré une documentation détaillée pour les couleurs primaires et secondaires, en réalisant un benchmark. J'ai ensuite défini une palette de couleurs harmonieuses et accessibles.

Nouveau Ooinvestir

Avec la validation de l'équipe Produit, Ooinvestir a adopté sa nouvelle charte graphique, introduisant un style moderne, attrayant, harmonieux et ergonomique. Nous avons personnalisé les illustrations dont entièrement travaillées pour la cohérence graphique et avons donné une lisibilité des sujets complexes à travers des illustrations simples pour une compréhension universelle. L'équipe de design a collaboré activement au quotidien pour élaborer le Design System d'Ooinvestir. Nous avons entrepris un audit complet des maquettes précédentes afin d'identifier les différents cas d'usage, comportements et opportunités. Des réunions régulières ont été organisées pour assurer une communication fluide avec le développeur Front-end, permettant ainsi de progresser de manière coordonnée.

L'implémentation d'un design system a eu un effet bénéfique sur l'aspect marketing d'Ooinvestir, notamment à travers la mise à disposition de guides téléchargeables, l'utilisation de carrousels sur Linkedin et la création d'infographies. Il est à noter que depuis son introduction, cette stratégie a contribué à une augmentation significative du nombre d'utilisateurs et à une amélioration des taux de clics.