Flipkart, eine der größten E-Commerce-Plattformen Indiens, hat gemeinsam mit Figma Design und Technik in seinem umfangreichen Produktökosystem vereinheitlicht. Mit Teams, die sowohl B2C- als auch B2B-Produktlinien abdecken, wandte sich Flipkart an Figma als kollaborative Plattform für Whiteboarding, Design, Prototyping und Entwicklerübergabe.

Seit der Einführung hat Figma die Zyklen vom Entwurf bis zur Markeinführung für sein Quick-Commerce-Business Flipkart Minutes von 4,5 Monaten auf 45 Tage verkürzt und dabei gleichzeitig funktionsübergreifende Partnerschaften gestärkt und einen einheitlicheren, systemgesteuerten Designansatz ermöglicht.

Herausforderung: Designen im großen Maßstab in einem verteilten Ökosystem

Mit Millionen von Produkten, die von Elektronik und Mode bis hin zu Lebensmitteln und Haushaltswaren reichen, ist Flipkart eine der bekanntesten E-Commerce-Plattformen Indiens. Angesichts des rasanten Wachstums und expandierenden Produktlinien wie Minutes, Grocery, Travel und Pay mussten sich das Unternehmen darauf konzentrieren, seinen Kund*innen intuitive, konsistente und qualitativ hochwertige Erlebnisse zu bieten.

Dies wurde während der Pandemie zu einem kritischen Punkt, als das 100-köpfige Designteam von Flipkart eine besser vernetzte Lösung benötigte, um die Qualität bei der Arbeit im Homeoffice aufrechtzuerhalten.

„Es bestand die Notwendigkeit, alle auf eine einzige Plattform zu bringen. Ein kleines Team bei Flipkart begann, sich mit Figma zu beschäftigen, erkannte die Vorteile und wir haben es ziemlich schnell auf das gesamte Designteam ausgeweitet“, sagte Gaurav Mathur, VP of Design bei Flipkart.

Lösung: Eine einzige Plattform für den gesamten Produkt-Workflow

Vor Figma jonglierte das Designteam von Flipkart mit mehreren Tools und verschob Dateien manuell zwischen Plattformen. Die Versionskontrolle war chaotisch, Übergaben ineffizient und die Zusammenarbeit inkonsistent.

Die Einführung von Figma markierte einen kulturellen Wandel: Design, Produkt und Technik arbeiten nun in Echtzeit auf einer gemeinsamen Plattform zusammen.

Heute markieren Designer*innen Dateien als entwicklerbereit. Entwickler*innen verwenden Dev Mode, um Spezifikationen und Annotationen zu überprüfen. Produktmanager*innen hinterlassen Feedback im Kontext. Selbst Führungskräfte überprüfen Prototypen über geteilte Links – oft auf Mobilgeräten –, was eine schnellere Abstimmung und Entscheidungsfindung ermöglicht.

Konsistente Designs mit Figma Enterprise

Flipkart nutzt Workspaces von Figma Enterprise, um seine Unternehmensstruktur nachzubilden. Dadurch können Teams die richtigen Dateien, Designs und Bibliotheken einfacher und ohne Komplikationen finden. Diese Struktur hat das Onboarding vereinfacht und neuen Designer*innen geholfen, sich schnell einzuarbeiten.

Figma Enterprise sorgt auch für eine sichere Zusammenarbeit mit Agenturen und Partnern, ohne dabei sensible Arbeitsprozesse zu gefährden.

Schnelle und präzise Entwicklung

Flipkart arbeitet mit zwei Hauptdesignsystemen: dem Flipkart Design System für verbraucherorientierte Produkte und MURV (Modular, Upgradeable, Reusable, Versatile) für Enterprise-Plattformen wie Logistik, Lieferkette und Verkäufer-Tools.

Das aus dem Sanskrit stammende Wort murv (मुर्व्) bedeutet „binden“ oder „verbinden“ – eine Metapher für ein System, das darauf ausgelegt ist, Erfahrungen über verschiedene Plattformen hinweg zu vereinheitlichen. Beide Systeme basieren auf Variablen und ermöglichen es Teams, Komponenten nahtlos über Marken und Produkte hinweg zu gestalten, zu lokalisieren und zu skalieren, von Farbschemata für verschiedene Branchen bis hin zu Schriftkonfigurationen für 11 indische Sprachen.

Designer*innen erstellen einmalig Designs, wenden Themes an, verwenden Komponenten wieder und liefern konsistente Erlebnisse mit bemerkenswerter Geschwindigkeit.

Diese Grundlage zahlte sich aus, als Flipkart in Rekordzeit sein Quick-Commerce-Business Flipkart Minutes einführte.

„Durch die Nutzung des mit Figma entwickelten MURV-Designsystems konnten wir die Implementierungszeit von geschätzten 4,5 Monaten auf nur 45 Tage reduzieren. Aufgrund dieser Effizienz konnte die erfolgreiche Einführung von Flipkart Minutes für Endverbraucher*innen beschleunigt werden“, sagte Ajith.

Selbst das Lieferkettenteam nutzte das MURV-Designsystem, um Entwicklungszeiten um fast 75 % zu verkürzen – ein Sprung, der ohne Figma undenkbar gewesen wäre.

Die Entwicklerübergabe neu denken

Mit Dev Mode markieren Designer*innen Dateien als „entwicklungsfertig“ und kommentieren Spezifikationen inline, während Entwickler*innen Assets und Kontext an einem Ort inspizieren. So lässt sich die Implementierung beschleunigen und Komplikationen bei der Übergabe können reduziert werden.

Flipkart hat auch interne Figma-Plugins entwickelt, die Workflows automatisieren und die Design-Effizienz um bis zu 80 % steigern.

Freischaltung der funktionsübergreifenden Zusammenarbeit mit FigJam

FigJam ist auch die bevorzugte Plattform von Flipkart für vierteljährliche Retrospektiven, Brainstorming-Sitzungen und Workshops geworden.

„Was FigJam besonders leistungsfähig macht, ist seine Barrierefreiheit. Seine Einfachheit beseitigt die Barriere für Nicht-Designer*innen und macht es für alle – gleich ob im Produkt-, Technik- oder Betriebsbereich – einfach sich einzubringen und einen Beitrag zu leisten. Dadurch konnten wir von Anfang an mehr Stimmen in den Designprozess einbeziehen“, berichtet Varun.

Figma = Prototyp

Bei Flipkart bedeutet ein Figma-Link jetzt „klickbarer Prototyp“. Designer*innen neigen dazu, interaktive Flows zu erstellen, die zur Rückmeldung teamübergreifend geteilt werden. Diese Gewohnheit hat die Zusammenarbeit neu gestaltet und zu relevanteren, nutzbareren und wirkungsvolleren Produkten geführt.

Mit Blick auf die Zukunft

Mit einer soliden Designkultur, die von Figma unterstützt wird, treibt Flipkart die Innovation in Indiens wettbewerbsintensiver E-Commerce-Landschaft voran. Mit Blick auf die Zukunft strebt Flipkart an, die Automatisierung und Design-zu-Code-Integration weiter voranzutreiben, um jede Designentscheidung schneller, intelligenter und skalierbarer zu machen.