Innovation beschleunigen: Swiggy bringt mit Figma Funktionen 50 Prozent schneller auf den Markt

Lesezeit: 4 Minuten

Zusammenfassung: Swiggy, Indiens führende On-Demand-Convenience-Plattform stand vor der Herausforderung, personalisierte Erlebnisse für seine vielfältige Nutzerbasis zu skalieren und gleichzeitig komplexe Design-Workflows zu verwalten. Durch die Integration von Figma in seine Prozesse transformierte Swiggy die Zusammenarbeit zwischen Design-, Produkt- und Entwicklungsteams und ermöglichte so schnellere Rückmeldungen und Iterationen. Infolgedessen wurde die Zeit für die Einführung neuer Funktionen um fast 50 % reduziert, wodurch Swiggy die Benutzererfahrung verbessern und seine Wettbewerbsfähigkeit auf einem sich rasant entwickelnden Markt aufrechterhalten konnte.

Herausforderung: Personalisierung und Konsistenz in einem Multi-Produkt-Ökosystem skalieren

Wenn du dich für eine App entscheiden müsstest, die das tägliche Leben ganz normaler Inder*innen verändert hat – sei es eine Hausfrau in Delhi oder ein Student in Bangalore –, würden viele sich für Swiggy entscheiden. Als Indiens führender Lebensmittellieferdienst und durch Angebote wie Swiggy Dineout und Swiggy Instamart ist Swiggy zum Synonym für Komfort geworden. Angesichts einer riesigen Nutzerbasis von Millionen von Menschen standen sie vor der Herausforderung, einheitliche Erfahrungen zu schaffen, die sich für jede*n Einzelne*n als etwas Persönliches anfühlen, selbst wenn sie über Geräte, Plattformen und Services hinweg skaliert wurden. Die Aufgabe war gewaltig – wie skaliert man Personalisierung?

Für das Führungsteam von Swiggy lag die Antwort im Design. „Wir verfolgen eine Philosophie des ‚Designs mit Emotionen‘, bei der jeder einzelne Berührungspunkt, jede Schnittstelle, jedes Erlebnis begeistern muss“, sagt Sriharsha Majety, Managing Director (MD) und Group CEO bei Swiggy.

Allerdings wurde es zunehmend schwierig, ein einheitliches Design zu gewährleisten und eine ansprechende Benutzererfahrung zu wahren, da zahlreiche Geschäftsbereiche eine schnelle Einführung neuer Funktionen erforderten. Angesichts einer wachsenden Nutzerbasis bestand die Herausforderung darin, diese Komplexität zu bewältigen, ohne dabei Abstriche bei der Personalisierung oder Qualität zu machen.

Erschwerend kam hinzu, dass Swiggy auf eine hybride Arbeitsumgebung umgestellt hatte, da die Design- und Entwicklungsteams von Swiggy häufig remote arbeiteten. Die dezentrale Struktur der Belegschaft machte die Zusammenarbeit schwieriger. Ohne die Wiederverwendbarkeit von Elementen über Teck Stacks hinweg verlangsamte sich der Entwicklungsprozess und erschwerte die Bemühungen, Konsistenz zwischen verschiedenen Services aufrechtzuerhalten. Außerdem bedeutete der verbraucherorientierte Ansatz von Swiggy, dass Benutzertests von entscheidender Bedeutung waren. Die Einbeziehung von Feedback und die Umsetzung notwendiger Änderungen innerhalb eines engen Zeitrahmens stellten jedoch ein erhebliches Hindernis bei den Design- und Einführungsbemühungen dar.

Lösung: Beschleunigung der Designgeschwindigkeit und Verbesserung der Zusammenarbeit mit Figma

Srinath Rangamani, Head of Design bei Swiggy, und sein Team entschieden sich für Figma, um nicht nur diese Komplexität zu bewältigen, sondern auch den Prozess der Markteinführung neuer Produkte zu beschleunigen. Mit Figma konnten Ideen, deren Entwicklung früher mehrere Wochen dauerte, nun in Echtzeit mit Führungskräften aus der Wirtschaft geteilt werden. Feedback wurde direkt in der Datei gegeben, was schnelle Iterationen ermöglichte. „Die Zeit, die wir benötigten, um Ideen umzusetzen und unseren Endverbraucher*innen zur Verfügung zu stellen, hat sich fast halbiert“, erklärt Srinath Rangamani, Head of Design bei Swiggy.

Einmal designen, überall anzeigen: Optimierung des Designs in einem expandierenden Ökosystem

Für die Designer*innen von Swiggy, die in verschiedenen Städten an verschiedenen Produkten arbeiten, ermöglichte Figma den Zugang zu einer gemeinsamen Designsprache, wodurch die benötigte Zeit und der Aufwand reduziert werden konnten. „Mit Figma können wir User Stories zeigen und ganze Komponenten in der Designbibliothek veröffentlichen, die jede Geschäftseinheit nutzen kann“, fügt Prasanna Venkatesh R, Director of Design, New Initiatives bei Swiggy, hinzu.

Neben der Konsistenz ermöglichte Figma Swiggy, ein weiteres Hindernis zu überwinden – die Benutzertests. „Mit der Prototyping-Funktion von Figma können wir frühzeitig Feedback von potenziellen Benutzer*innen sammeln – indem wir verfolgen, womit sie interagieren, was sie überspringen – und schnelle Iterationen durchführen. Tatsächlich bietet Figma die schnellste Prototyping-Erfahrung, die ich jemals genutzt habe“, sagt Saptarshi Prakash, Assistant Vice President, Design bei Swiggy.

Darüber hinaus hat das Auto-Layout von Figma den Designprozess von Swiggy erheblich rationalisiert, indem Anpassungen für lange Seiten wie ihre Lebensmittelseite automatisiert wurden und die manuelle Änderungen überflüssig wurden. „Es erleichtert zudem responsives Design, sodass wir uns nahtlos an verschiedene Gerätegrößen anpassen können“, sagt Saptarshi.

Kollaborative Kultur: Brückenschlag zwischen Designer*innen und Nicht-Designer*innen

Angesichts des Innovationstempos, das synchrone Workflows und schnelles, effektives Brainstorming erfordert, hat FigJam es nicht-designorientierten Teams ermöglicht, eine wesentliche Rolle bei der Gestaltung von Designentscheidungen zu spielen. Wenn Ideen mehrere Feedbackrunden von Produkt- über Technik- bis hin zu Marketingabteilungen durchlaufen, lässt FigJam Hunderte von Menschen das Design überprüfen und dazu beitragen. Wie Tushar Tayal, Director of Engineering bei Swiggy es ausdrückt: „Wenn man Ideen von verschiedenen Teams erhält, bekommt man ein Design, das für alle funktioniert, bis hin zu den letzten Benutzer*innen.“Das Ergebnis? Beschleunigte Entscheidungsfindung, besseres Datenverständnis und verbessertes Marketing rund um das Produkt. Diese umfangreiche Zusammenarbeit, die früher Monate in Anspruch nahm, erfolgt nun innerhalb von zwei bis drei Wochen.

Synergie zwischen Entwickler*innen und Designer*innen: Beschleunigung der Ausführung

Die Reduzierung von Zeit und Aufwand zeigte sich auch in einem weiteren wichtigen Bereich. Früher standen die Design- und Entwicklerteams von Swiggy oft vor der Herausforderung, Designs in funktionalen Code zu übersetzen. Dies war häufig mit einem zeitaufwändigen, manuellen Übergabeprozess verbunden. Die Einführung des Dev Mode und der Tools zur Codegenerierung von Figma verbesserte die Ausführungsgeschwindigkeit jedoch erheblich, sodass neue Funktionen und Services schneller eingeführt werden konnten.

„Das Code-Generierungstool von Figma hilft unseren Entwickler*innen, die erste UI-Version korrekt zu erstellen, sei es für Mobilgeräte oder das Web.”, erläutert Tushar. Srinath fügt hinzu: „Es gab immer eine Kluft zwischen Konzept und Produktion. Der Dev Mode überbrückt diese Kluft, indem er Entwickler*innen direkten Zugang zu unseren Designsystemen und Workflows gibt und so die Umsetzung von Ideen erleichtert.“

Vom schnellen Prototyping und nahtlosen Benutzertests bis hin zur Wahrung der Designkonsistenz und der Überbrückung der Kluft zwischen Design und Entwicklung – Figma war ein wesentlicher Bestandteil des designorientierten Wachstums von Swiggy. Durch die Ermöglichung von Innovationen im großen Maßstab stellt Figma sicher, dass Swiggy den Anforderungen seiner Benutzer*innen gerecht wird und gleichzeitig die Grenzen des Möglichen kontinuierlich erweitert. In einer sich ständig weiterentwickelnden digitalen Landschaft macht die Zusammenarbeit von Swiggy mit Figma deutlich, wie die richtigen Designtools Innovation, Geschwindigkeit und Qualität fördern können – was letztendlich sowohl der Marke als auch ihren Kund*innen zugutekommt.