Naviguer jusqu'au contenu principal

Innovation à grande échelle : comment Flipkart booste sa vision du design pour le e-commerce en Inde avec Figma

Flipkart, l'une des principales plateformes de e-commerce en Inde, a collaboré avec Figma pour unifier le design et l'ingénierie à travers son vaste écosystème de produits. Avec des équipes couvrant à la fois les lignes de produits B2C et B2B, Flipkart a fait de Figma sa plateforme collaborative pour les sessions de tableau blanc, le design, le prototypage et le transfert aux développeurs.

Depuis son adoption de Figma, Flipkart a réduit les cycles design-lancement de 4,5 mois à 45 jours pour le lancement de son activité de commerce rapide, Flipkart Minutes, tout en renforçant les partenariats transversaux et en permettant une approche du design plus cohérente et basée sur le système.

Écrans montrant des designsÉcrans montrant des designs
Des produits alimentaires à la mode, les diverses expériences de l'utilisation de Flipkart sont conçues et évoluent grâce à Figma.

Défi : concevoir à grande échelle dans un écosystème distribué

Proposant ses services à des millions de personnes avec des produits allant de l'électronique et de la mode à l'épicerie et aux essentiels de la maison, Flipkart est l'une des plateformes de commerce électronique les plus reconnues en Inde. Avec une croissance rapide et l'expansion de lignes de produits telles que Minutes, Grocery, Travel et Pay, l'entreprise devait se concentrer sur la fourniture d'expériences intuitives, cohérentes et de qualité aux clients.

Cet aspect est devenu crucial pendant la pandémie, lorsque l'équipe de design employant 100 personnes de Flipkart a eu besoin d'une méthode plus connectée pour maintenir la qualité tout en travaillant à distance.

« Il fallait amener tout le monde sur une seule plateforme. Une petite équipe de Flipkart a commencé à explorer Figma et en a perçu les avantages, et nous l'avons rapidement étendu à l'ensemble de l'équipe de design », indique Gaurav Mathur, vice-président du design à Flipkart.

Solution : une plateforme pour l'ensemble du workflow produit

Avant Figma, l'équipe de design de Flipkart jonglait avec plusieurs outils, déplaçant manuellement les fichiers entre les plateformes. Le contrôle des versions était désordonné, les transferts inefficaces et la collaboration incohérente.

L'adoption de Figma a marqué un changement culturel : les équipes de design, produit et d'ingénierie collaborent désormais en temps réel au sein d'une plateforme commune.

Figma a révolutionné la façon dont nous travaillons et collaborons entre les équipes. Elle a tellement accru notre efficacité, notre collaboration et notre rythme d'innovation qu'elle est désormais indissociable de notre fonctionnement en tant qu'organisation de design chez Flipkart.

Varun Dhanda, directeur du design, grand public, Flipkart

Écran d'ordinateur avec graphiquesÉcran d'ordinateur avec graphiques
Les équipes design/produit/ingénierie collaborent en direct, améliorant le feedback et accélérant le passage au lancement. Les données ne sont utilisées qu'à des fins de représentation hypothétique.

Aujourd'hui, les designers marquent les fichiers comme prêts pour les développeurs. Les ingénieurs utilisent le Dev Mode pour inspecter les spécifications et les annotations. Les chefs de produit laissent des commentaires en contexte. Même la direction passe en revue les prototypes via des liens partagés, souvent sur un appareil mobile, permettant ainsi un alignement et une prise de décision plus rapides.

Assurer la cohérence du design avec Figma Entreprise

Flipkart utilise les espaces de travail Figma Enterprise pour imiter sa structure d'entreprise, ce qui permet aux équipes de trouver plus facilement les fichiers, les design systems et les bibliothèques appropriés sans frictions. Cette structure a rationalisé l'intégration et aidé les nouveaux designers à améliorer rapidement leurs compétences.

Avec Figma Entreprise, nos espaces de travail reflètent l'organisation de notre entreprise. Une fois que vous accédez à un espace de travail en équipe, les actifs et les bibliothèques vous permettent de démarrer rapidement votre workflow de design.

Ajith Sowndararajan, directeur du design, entreprise, Flipkart

Figma Enterprise assure également une collaboration sécurisée avec les agences et les partenaires, sans compromettre les travaux sensibles.

Deux écrans d'ordinateur montrant des workflows d'entrepriseDeux écrans d'ordinateur montrant des workflows d'entreprise
Flipkart conçoit et développe ses plateformes essentielles pour les vendeurs et la logistique dans Figma, apportant une précision aux workflows d'entreprise complexes.

Construire rapidement et avec précision

Flipkart fonctionne sur deux design systems majeurs : le design system Flipkart pour les produits grand public, et MURV (Modular, Upgradeable, Reusable, Versatile – modulaire, améliorable, réutilisable, polyvalent) pour les plateformes d'entreprise telles que la logistique, la chaîne d'approvisionnement et les outils de vendeur.

Ancré dans le sanskrit, murv (मुर्व्) signifie « lier » ou « attacher » – une métaphore pour un système conçu afin d'unifier les expériences sur toutes les plateformes. Grâce aux variables, les deux systèmes permettent aux équipes de thématiser, de localiser et de faire évoluer les composants parfaitement sur l'ensemble des marques et des produits, des schémas de couleurs pour différents secteurs verticaux aux configurations de polices de 11 langues indiennes.

Variables de couleur à l'écranVariables de couleur à l'écran
Avec les variables, les équipes de Flipkart thématisent des composants, gèrent des jetons et adaptent des designs dans 11 langues et sur plusieurs plateformes.
Flipkart utilise des variables et des thèmes pour développer des expériences de marque distinctes dans son écosystème de produits.

Les designers construisent une fois, appliquent des thèmes, réutilisent des composants et livrent des expériences cohérentes à une vitesse remarquable.

Nous concevons une fois et sommes capables de thématiser à travers Flipkart, Épicerie et Minutes. Les variables nous aident à livrer plus vite et à grande échelle.

Gaurav Mathur, vice-président du design, Flipkart

Cette base a porté ses fruits lorsque Flipkart a lancé Flipkart Minutes, son service de commerce rapide, en un temps record.

« En tirant parti du design system MURV créé avec Figma, nous avons réduit le temps de mise en œuvre de 4,5 mois estimés à seulement 45 jours. Cette efficacité a accéléré le lancement de Flipkart Minutes pour les consommateurs finaux », déclare Ajith Sowndararajan.

Même l'équipe de la chaîne d'approvisionnement a tiré parti du design system MURV pour réduire les délais de développement de près de 75 % – un bond qui aurait été impensable sans Figma.

Réimaginer le transfert aux développeurs

Avec le Dev Mode, les designers marquent les fichiers comme « prêts pour le développement » et annotent les spécifications en ligne, tandis que les développeurs inspectent les ressources et le contexte en un seul endroit, ce qui accélère la mise en œuvre et limite les frictions lors des transferts.

Flipkart a également créé pour Figma des plugins internes qui automatisent les workflows, augmentant l'efficacité du design jusqu'à 80 %.

Dev Mode à l'écranDev Mode à l'écran
Avec le Dev Mode, les ingénieurs inspectent les spécifications et récupèrent les actifs depuis les fichiers de design, accélérant les transferts et expédiant les fonctionnalités plus rapidement.

Une collaboration transversale sans limites avec FigJam

FigJam est également devenu la plate-forme de référence de Flipkart pour les rétrospectives trimestrielles, les séances de brainstorming et les ateliers.

« C'est son accessibilité qui rend FigJam particulièrement puissant. Sa simplicité élimine les barrières pour les non-designers et permet à tous, que ce soit au niveau des produits, de l'ingénierie ou des opérations, de participer et de contribuer facilement. Il nous a aidés à mieux tenir compte des avis dans le processus de design, dès le départ », raconte Varun Dhanda.

Figma = Prototype

Les prototypes interactifs dans Figma permettent aux équipes de simuler des flux utilisateur réels, testant des innovations comme les expériences d'achat guidées par vidéo avec des offres dynamiques.

Chez Flipkart, un lien Figma signifie désormais « prototype cliquable ». Les designers s'orientent par défaut vers la création de flux interactifs, qui sont largement partagés entre les équipes pour les commentaires. Cette habitude a remodelé la collaboration, se traduisant par des produits plus pertinents, utilisables et percutants.

Nous sommes maintenant tous sur la même longueur d'onde – littéralement.

Ajith Sowndararajan, directeur du design, entreprise, Flipkart

Les perspectives

Avec une forte culture du design alimentée par Figma, Flipkart stimule l'innovation dans l'environnement concurrentiel du commerce électronique en Inde. À l'avenir, Flipkart vise à faire avancer plus encore l'automatisation et l'intégration design-code, faisant de chaque décision de design une décision plus rapide, plus intelligente et plus évolutive.

Découvrez comment Figma vous aide à faire évoluer le design

Un design d'exception peut aider votre produit et votre marque à sortir du lot. On ne crée de grandes choses qu'ensemble ! Figma rassemble les équipes produit dans un workflow de design rapide et plus inclusif.

Contactez-nous pour découvrir comment Figma peut aider votre entreprise à faire évoluer le design.

Nous verrons comment Figma peut vous aider à :

  • Centraliser chaque étape du processus de design, de l'idéation à la création en passant par la mise en œuvre
  • Accélérer les workflows de design avec des design systems partagés à l'échelle de l'entreprise
  • Favoriser l'inclusion au sein du processus de l'équipe produit avec des produits web accessibles et simples d'utilisation

Connect with our team

By clicking “Submit” you agree to our TOS and Privacy Policy.