Config 2024: Delivering a multi-sub-brand design system for e-commerce | Figma

Summary

Die Zalando-Design-System-Team präsentiert die Umgestaltung ihres Design-Systems, um eine visuelle Sprache in Einklang mit den unterschiedlichen Stilen ihrer Kategorien zu schaffen. Durch das Einführen von Design-Token und themenbasierter Gestaltung ermöglichen sie eine skalierbare visuelle Variation, die die Markenintegrität beibehält und die Bedürfnisse einer pan-europäischen Mode- und Lifestyle-Plattform erfüllt. Das Ergebnis ist eine gestraffte Benutzererfahrung, die die Aufmerksamkeit verdoppelt und neue Luxusmarken anzieht.

Takeaways

• 🌟 Zalando ist ein führendes Multi-Brand-Fashion- und Lifestyle-Destination in Europa mit über 6.000 Marken, 50 Millionen Kunden, 25 Ländern und 23 Sprachen.
• 🛍️ Das Design-System von Zalando wurde 2019 eingeführt und hat sich von der frühen Akzeptanz bis zur heutigen Cross-Plattform-Akzeptanz entwickelt.
• 🎨 Die Design-System-Team besteht aus 16 Personen, die gleichermäß zwischen Ingenieuren und Designern aufgeteilt sind, unterstützt von einem Projektmanager.
• 🔄 Zalando hat sich bewusst von einer serviceorientierten Mentalität hin zu einer produktzentrierten Mentalität verschoben, um die Design-System-Vision und -Strategie zu stärken.
• 🛠️ Die Design-Tokens wurden eingeführt, um eine skalierbare und konfigurierbare visuelle Sprache zu ermöglichen, die auf verschiedenen Themen basiert.
• 🎭 Das Design-System wurde für die Designer-Erfahrung überarbeitet, um eine geschützte und hochwertige Oberfläche für Luxusmarken zu bieten.
• 📈 Durch die Einführung von Themen und Design-Tokens hat Zalando die Möglichkeit erhalten, die visuelle Sprache auf einer größeren Skala zu variieren, ohne die Erfahrung oder Markenintegrität zu brechen.
• 🔑 Die Design-Tokens wurden semantisch und einfach gehalten, um eine leichte Anwendung und Verständlichkeit für alle zu gewährleisten.
• 📚 Zalando hat eine Reihe von Prinzipien entwickelt, um die Theming-Konzepte zu regeln und zu vereinfachen, einschließlich der Ein-Seite-Ein-Thema-Regel und der Kohärenz-Priorisierung.
• 👥 Es gab eine enge Zusammenarbeit mit dem Brand-Team, um sicherzustellen, dass die Markenidentität in allen Themen aufrechterhalten wird.
• 📈 Die Einführung von Themen hat zu einer positiven Kunden- und Markenpartner-Rückmeldung geführt, mit einer Verdopplung der Gesamtengagement-Rate und der Aufnahme von mehr als 40 neuen Luxusmarken.

Q & A

Was ist das Hauptthema des Vortrags von Cheryl und ihren Kollegen?

Das Hauptthema des Vortrags ist die Überarbeitung des Designsystems von Zalando, um eine visuelle Sprache in großem Maßstab zu ermöglichen und dabei die Variation zu steuern.

Welche Rolle spielt die Tokenisierung im Zalando-Designsystem?

Die Tokenisierung ermöglicht es, das Design in einer skalierbaren Art zu gestalten und zu variieren, indem sie Designentscheidungen repräsentiert, die je nach Thema unterschiedliche Werte annehmen können.

Wie viele Länder und Sprachen deckt Zalando ab?

Zalando ist in 25 Ländern tätig und bietet seinen Service in 23 Sprachen an.

Was ist die Zielgruppe des Design-Systems von Zalando?

Die Zielgruppe des Design-Systems umfasst über 200 Produktdesigner, Contentdesigner und Userforscher, sowie über 500 Web- und App-Entwickler.

Wie unterscheidet sich das Design-System von Zalando vor und nach der Überarbeitung?

Nach der Überarbeitung ermöglicht das Design-System eine größere Variation der visuellen Sprache, ist jedoch gleichzeitig kohärenter und konfigurierbarer ohne den Aufwand von hackigen Lösungen.

Was ist der Unterschied zwischen dem 'Base Theme' und den anderen Themen im Zalando-Designsystem?

Das 'Base Theme' repräsentiert die Standarderfahrung von Zalando, während die anderen Themen, wie das Designer-Erlebnis, eine spezifischere und stilisiertere Ausprägung der visuellen Sprache bieten.

Was ist das Hauptziel hinter der Einführung von Design-Token?

Hauptziel der Einführung von Design-Token ist es, die Möglichkeit themenbasierter Designs in einer skalierbaren und konfigurierbaren Art zu ermöglichen.

Wie hat sich die Einführung von Design-Token auf die Zusammenarbeit zwischen Designern und Entwicklern ausgewirkt?

Die Einführung von Design-Token hat zu einer engeren Zusammenarbeit zwischen Designern und Entwicklern geführt, indem sie eine gemeinsame Sprache und ein Verständnis für die Anwendung von Designentscheidungen in verschiedenen Themen schafft.

Was ist das Konzept hinter der Designer-Theme-Implementierung?

Das Konzept hinter der Designer-Theme-Implementierung ist es, einen geschützten Raum mit einem erweiterten Design zu schaffen, der die visuelle Welt von Luxury-Marken widerspiegelt und die Marken stärker hervorhebt.

Wie hat sich die Reaktion der Kunden und der Markenpartner auf die Design-Änderungen bewegt?

Die Reaktion der Kunden und der Markenpartner auf die Design-Änderungen war sehr positiv, was zu einer Verdopplung der Gesamtengagement-Rate führte und es Zalando ermöglichte, mehr als 40 neue Luxusmarken zu gewinnen.

Was sind die drei wichtigsten Lehren, die aus der Einführung des Design-Systems von Zalando gezogen wurden?

Die drei wichtigsten Lehren sind: 1) Design-Token sind ein Denkansatzwechsel, der durch Governance widerstandsfähig sein muss; 2) Tokens müssen im Einklang mit der Markenarchitektur stehen; 3) Es ist wichtig, frühzeitig zu beginnen und zu iterieren, um die Qualität des Design-Systems zu bewerten und zu verbessern.