Accélérer l'innovation : Swiggy déploie des fonctionnalités 50 % plus rapidement avec Figma

Durée de lecture : 4 minutes

Résumé : Swiggy, la plateforme de livraison de nourriture leader en Inde, a dû relever le défi consistant à étendre des expériences personnalisées à sa base d'utilisateurs diversifiée tout en gérant des workflows de design complexes. En intégrant Figma à ses processus, Swiggy a transformé la collaboration entre les équipes produit, de design et de développement, permettant un feedback et des itérations plus rapides. Ainsi, le temps de déploiement des nouvelles fonctionnalités a été réduit de près de 50 %, permettant à Swiggy d'améliorer l'expérience utilisateur et de maintenir son avantage concurrentiel sur un marché en pleine croissance.

Défi : adapter la personnalisation et la cohérence dans un écosystème multi-produit

S'il fallait choisir une application qui a transformé la vie quotidienne des Indiens ordinaires, qu'il s'agisse d'une ménagère à Delhi ou d'un étudiant à Bangalore, beaucoup choisiraient Swiggy. Service de livraison de nourriture leader en Inde, et s'appuyant sur des offres telles que Swiggy Dineout et Swiggy Instamart, Swiggy est devenu synonyme de convivialité. Mais avec une base d'utilisateurs massive constituée de millions de personnes, il a été confronté à un défi consistant à créer des expériences qui parlent à chaque personne, tout en s'étendant à travers les appareils, les plateformes et les services. La tâche était monumentale – comment adapter la personnalisation ?

Pour la direction de Swiggy, la réponse résidait dans le design. « Nous avons pour philosophie le « design avec émotion’ », où chaque point de contact, chaque interface, chaque expérience doit ravir », déclare Sriharsha Majety, directeur général et PDG du groupe Swiggy.

Cependant, il est devenu de plus en plus difficile d'atteindre la cohérence du design et de maintenir une expérience utilisateur séduisante avec de multiples lignes de produits nécessitant un déploiement rapide des fonctionnalités. Avec une base d'utilisateurs croissante, le défi consiste à gérer cette complexité sans sacrifier la personnalisation ni la qualité.

À cela s'est ajoutée la transition vers un environnement de travail hybride, car les équipes de design et de développement de Swiggy travaillaient souvent à distance. La nature décentralisée de la main-d'œuvre a rendu la collaboration plus difficile. Sans la réutilisation des éléments dans toutes les piles technologiques, le processus de développement a ralenti et compliqué les efforts visant à maintenir la cohérence à travers les services. De plus, l'approche orientée consommateurs de Swiggy signifiait que les tests utilisateurs étaient cruciaux, mais l'incorporation du feedback et la réalisation des changements nécessaires dans un délai serré constituaient un obstacle majeur dans les efforts de design et de déploiement.

Solution : accélérer le design et améliorer la collaboration avec Figma

Le responsable du design de Swiggy, Srinath Rangamani, et son équipe se sont tournés vers Figma pour non seulement gérer ces complexités, mais aussi accélérer le processus de lancement des nouveaux produits. Avec Figma, des idées qui auparavant nécessitaient des semaines pour se développer étaient désormais partagées en temps réel avec les responsables commerciaux. Le feedback était donné directement dans le fichier, permettant des itérations rapides. « Le temps qu'il nous fallait pour déployer des idées et en faire bénéficier nos consommateurs finaux a été réduit pratiquement de moitié », explique Srinath Rangamani, responsable du design chez Swiggy.

Créer une seule fois, voir partout : simplifier le design dans un écosystème en expansion

Figma a permis aux designers de Swiggy, qui travaillent dans différentes villes sur différents produits, d'accéder à un langage de design partagé qui a réduit le temps et les efforts nécessaires. « Figma nous permet de démontrer des scénarios utilisateur et de publier des composants entiers dans la bibliothèque de design pour que n'importe quelle unité commerciale puisse y accéder », ajoute Prasanna Venkatesh R, directeur du design, New Initiatives chez Swiggy.

En plus de la cohérence, Figma a permis à Swiggy de franchir un autre obstacle : les tests utilisateurs. « La fonctionnalité de prototypage de Figma nous permet de recueillir un feedback précoce de la part des utilisateurs potentiels, en surveillant le contenu avec lequel ils interagissent et celui qu'ils ignorent, et de faire des itérations rapides. En fait, Figma offre l'expérience de prototypage la plus rapide avec laquelle j'ai jamais travaillé », déclare Saptarshi Prakash, assistant vice-président du design chez Swiggy.

De plus, la fonction de mise en page automatique de Figma a considérablement rationalisé le processus de design de Swiggy, en automatisant les ajustements des pages longues telles que le contenu alimentaire et en éliminant le besoin de modifications manuelles. « Cela rend également le design réactif extrêmement facile, ce qui nous permet de nous adapter aux différentes tailles d'appareils en toute transparence », déclare Saptarshi.

Culture collaborative : rapprocher les designers des non-designers

Avec le rythme de l'innovation nécessitant des workflows synchrones et un brainstorming rapide et efficace, FigJam a permis aux équipes non-design de jouer un rôle vital dans la prise des décisions liées au design. Lorsque les idées passent par plusieurs cycles de feedback, allant du produit à l'ingénierie et au marketing, FigJam permet à des centaines de personnes d'examiner le design et d'y contribuer. Comme l'explique Tushar Tayal, directeur de l'ingénierie chez Swiggy, « Lorsque vous obtenez des idées de différentes équipes, vous obtenez un design qui fonctionne pour tout le monde, jusqu'au dernier utilisateur. »Le résultat ? Une prise de décision accélérée, une meilleure compréhension des données et une amélioration du marketing produit. Cependant, ce niveau massif de collaboration, qui prenait auparavant des mois, ne nécessite plus que 2 à 3 semaines.

Synergie entre développeurs et designers : accélérer l'exécution

La réduction des délais et des efforts a également été observée dans un autre domaine crucial. Auparavant, les équipes de design et de développement de Swiggy étaient souvent confrontées à des défis pour traduire les designs en code fonctionnel, et souvent tributaires d'un processus de transfert manuel et chronophage. Cependant, l'introduction du Dev Mode de Figma et des outils de génération de code a considérablement amélioré la rapidité d'exécution, permettant de lancer plus rapidement des fonctionnalités et des services nouveaux.

« L'outil de génération de code de Figma aide nos développeurs à réussir la première version de l'interface, pour les appareils mobiles comme pour le web », explique Tushar. Srinath ajoute : « Il y avait toujours un écart entre le concept et la production. Le Dev Mode comble cet écart en donnant aux ingénieurs un accès direct à nos design systems et workflows, ce qui permet de donner vie aux idées plus facilement. »

Du prototypage rapide et des tests utilisateurs fluides à la maintenance de la cohérence du design et à la réduction de l'écart entre design et développement, Figma a pleinement participé à la croissance axée sur le design de Swiggy. En permettant l'innovation à grande échelle, Figma garantit que Swiggy peut répondre aux demandes de ses utilisateurs tout en repoussant continuellement les limites du possible. Dans un environnement numérique en constante évolution, la collaboration de Swiggy avec Figma montre clairement comment les bons outils de design peuvent alimenter l'innovation, la rapidité et l'excellence – ce qui finalement bénéficie à la marque comme à ses clients.