Comment Figma aide Groww à simplifier l'investissement pour ses utilisateurs

En plaçant l'expérience client au cœur de sa stratégie de conception, Groww est rapidement devenu l'une des principales plateformes de services financiers d'Inde et le plus important courtier du pays. Aujourd'hui, plus de 40 millions de clients utilisent ses transactions faciles, rapides et transparentes.

Au fur et à mesure de son développement, la collaboration croisée est devenue plus difficile pour les designers de Groww, car la taille de l'équipe de design a triplé depuis la création de l'entreprise en 2017.

À l'origine, un processus incomplet d'exportation et de partage de fichiers à l'aide d'outils tiers avait été mis en place. La collaboration était difficile pour l'équipe qui se développait, car le travail était verrouillé dans les fichiers personnels des gens.

Tout a changé lorsque Figma a été présentée à Groww en 2020. Le brainstorming, le design et la collaboration croisée sont devenus un jeu d'enfant. Et cela a changé la donne en termes de productivité pour l'équipe de design.

Depuis, Figma aide Groww à simplifier la finance en rendant l'investissement accessible à tous ses utilisateurs.

Rôle de Figma dans la croissance de Groww

L'équipe de design de Groww est composée de plus de 20 designers répartis entre différents modules de projets au sein de l'entreprise.

En tant que responsable des design systems, Sanket Chaudhari façonne et entretient l'infrastructure de design de Groww. À son arrivée en 2022, l'entreprise a commencé à utiliser les fonctionnalités de Figma pour s'adapter et offrir à ses clients une meilleure expérience.

« Figma nous aide à démocratiser l'accès au design de l'entreprise, et c'est ce qui en a fait notre plateforme de prédilection », explique Chaudari. « C'est un outil ouvert qui nous a permis de décloisonner notre organisation et de partager des fichiers avec des développeurs et des chefs de produit sans nécessiter trop de licences », dit-il.

Grâce à Figma, les équipes de design de Groww peuvent collaborer aisément avec d'autres services. Selon Adit Gupta, Senior Director of Product Design chez Groww, « Le design est au cœur de tout ce que nous faisons. Notre principale proposition de valeur est de simplifier l'expérience de l'utilisateur dans le secteur financier. La question est donc : comment pouvons-nous l'améliorer pour les utilisateurs ? »

C'est dans cette optique que Groww a créé une interface dans laquelle les clients peuvent facilement naviguer, se démarquant ainsi des applications peu conviviales traditionnellement proposées par les banques indiennes.

Cette interface bien conçue a fonctionné. Groww a acquis une base de clients très engagés qui consultent son application tous les jours, voire plus.

« L'expérience utilisateur est l'un des points forts de Groww. Si vous regardez les évaluations, avis et commentaires de nos clients, il s'agit de l'une des principales raisons pour lesquelles les gens utilisent Groww et ce pour quoi nos clients nous font confiance ainsi qu'à notre application », explique Gupta.

Le pouvoir de collaboration de Figma

Groww devait aussi s'assurer de maintenir la qualité de ses services au fur et à mesure de son arrivée sur de nouveaux marchés et de la complexification de ses produits.

« Nous sommes connus pour offrir une expérience financière très simplifiée aux clients. Au fur et à mesure que nous ajoutons des services pour créer un produit unique pour toutes les finances, il devient naturellement plus complexe », explique Gupta.

Pour éliminer la complexité pour l'utilisateur et préserver la simplicité, différents services de Groww ont dû travailler ensemble pour s'assurer que l'interface reste facile à utiliser et ne se fragmente pas.

Chaudhari explique que Groww a opté pour Figma parce qu'il offrait une collaboration qui facilitait ce type de travail. C'est beaucoup moins pénible quand tout le monde peut consulter un seul fichier plutôt que de garder plusieurs copies synchronisées, dit-il.

Et les designers peuvent travailler ensemble en temps réel. « Il suffit de suivre le curseur du présentateur. Tout le monde peut faire part de ses préoccupations concernant le flux en temps réel », explique-t-il.

Figma assure la synchronisation, l'unité et la cohérence des progrès de Groww, ce qui permet de gagner beaucoup de temps et de faire avancer les choses dans la bonne direction.

« Il est bien plus facile de parler de design alors que l'on fait le travail plutôt que de parcourir les fichiers et d'exporter nos designs dans un outil tiers », explique Chaudhari. « À présent, je ne peux plus envisager me passer de Figma. »

Plus qu'un simple outil de productivité de designer

FigJam de Figma, tableau blanc virtuel permettant à chacun de proposer des idées et de collaborer, est l'outil de brainstorming privilégié de Groww.

FigJam aide à définir la vision, l'objectif et les principes de Groww lors de sessions de brainstorming lorsque l'équipe de design se pose des questions telles que « À quoi pourrait ressembler tel produit? » ou « Que permettrait tel produit ? ».

« FigJam nous aide à traduire nos visions de haut niveau en produits compréhensibles par toutes les parties prenantes », explique Gupta.

L'une des choses auxquelles FigJam parvient parfaitement est de permettre aux équipes de placer toutes les ressources externes à un endroit. « FigJam stocke des informations d'une façon enrichie que tout le monde apprécie », explique-t-il.

Gupta se tourne naturellement vers FigJam pour les sessions de brainstorming de l'équipe de design. « Nous avons utilisé FigJam pour définir et élaborer une compréhension commune de l'élégance au sein de notre équipe et identifier les étapes pour y parvenir chez Groww », explique Gupta.

En plus d'utiliser FigJam pour permettre à l'équipe de design de définir des objectifs communs, Groww a également trouvé un moyen de l'utiliser pour améliorer sa culture de travail.

Citons l'exemple de Culture Jam de Groww, une session annuelle de brainstorming et de sondage éclair des employés pour les designers.

Les sessions Culture Jam commencent par l'identification de thèmes autour de questions telles que le travail de fond et la culture du feedback. Après cela, les designers peuvent répondre librement aux questions liées à chaque thème et suggérer des solutions immédiates et sur le long terme. Le tout via FigJam.

Les sessions d'échange sur la culture aident Groww à favoriser un environnement de travail positif et sain en reconnaissant et en traitant les questions soulevées par les designers. Elles aident également l'entreprise à créer la « meilleure culture du design » qui permet de retenir les principaux talents.

Groww peut identifier à quels niveaux il rate sa cible auprès des designers et régler les problèmes le cas échéant. « FigJam était la seule façon de parvenir à cela », raconte Chaudhari. « En termes de capacités de collaboration, Figma est sans égal. »

Collaboration interfonctionnelle avec Dev Mode

Avec Figma, Groww a commencé à démocratiser l'accès à la pensée design en donnant à ses employés les moyens de co-créer et de collaborer. Et d'autres services de Groww constatent désormais la valeur apportée par Figma à l'entreprise.

Figma a permis de créer un pont entre les designers et les développeurs, en facilitant par exemple la collaboration afin d'améliorer la qualité, de relever les défis du développement de produits et de rendre le design opérationnel.

Figma permet aux équipes de design de créer des prototypes complets, ce qui ouvre ensuite aux développeurs la possibilité de saisir pleinement les concepts de design et de donner vie aux idées de l'équipe de design. Les équipes peuvent également associer facilement leurs fichiers de design, ce qui simplifie la transmission et la réception des commentaires.

Le lancement de Dev Mode de Figma, fonction permettant d'accélérer la création de sites Web et d'applications, a marqué le début d'une ère de transparence accrue entre les designers et les développeurs en ce qui concerne l'état des composants du design system de Groww en code.

Auparavant, il existait des problèmes de communication dus à des incohérences entre les intentions de design et l'exécution du développement. Désormais, la documentation Dev Mode de Figma définit des attentes claires, qui harmonisent les efforts des deux équipes.

« Avec Dev Mode, Figma permet aux designers et aux développeurs d'avoir une compréhension commune des choses. Cela évite les différences d'interprétation, car tout ce que nous planifions doit être converti en code », explique Chaudhari, qui se dit enthousiaste à l'idée d'intégrer davantage de fonctionnalités Dev Mode dans les flux de travail de Groww au cours des prochains mois.

« Notre équipe entrevoit de nombreux avantages potentiels de Dev Mode en matière d'élaboration et de maintien de notre langage de design en code. »

Le bel avenir de Groww avec Figma

Grâce à Figma, la collaboration n'a jamais été aussi simple pour les chefs de projets, les designers et les développeurs de Groww.

« Pour faire en sorte que Groww devienne la marque de finance la plus fiable d'Inde, le design est notre principal atout », affirme Gupta. « Et Figma est le pilier qui nous permet de concevoir et de mettre en œuvre ce design. »

Figma a éliminé les cloisonnements. Désormais, l'exportation de fichiers, la réunion de tous les collaborateurs et la réception de commentaires peuvent se faire en temps réel ou en différé.

Figma aide également Groww à promouvoir une culture professionnelle au sein de laquelle les avis de tous sont entendus et pris en compte.

« Le design et l'expérience utilisateur sont la responsabilité de tous. En plaçant le produit sur FigJam, les designers sur Figma et les développeurs sur Dev Mode, nous disposons d'une suite unique qui nous procure un sentiment de propriété collective », explique Chaudhari.