Zalando

In a land far, far away (commonly referred to as Berlin) lives the largest fashion European e-commerce platform (hosting 2,000+ brands) called… Zalando. In the midst of rapid growth and plans to continue growing, they needed a design system that would increase consistency, confidence, and collaboration across autonomous teams.

Our team: August Heffner, Chip Truex, Zalando Studio

 
Pages@2x.jpg
 

A design system that built around content — allowing space to inspire and educate.

We defined design principles for product teams to work create against. We created a robust starter sketch file with a modular kit of parts — stress tested against 8-page types across ~30 variations. Here’s a small peak into the system:

 
 
Zalando-Type@2x.jpg
Frame 11@2x.jpg
Frame 8@2x.jpg
Frame 10@2x.jpg
Frame 14@2x.jpg
Frame 17@2x.jpg
Frame 18@2x.jpg
Frame 12@2x.jpg
 

And if you’ve made it this far, you probably know that no good hand-off is complete without a style guide that goes deep and wide.

Frame 9@2x.jpg
Frame 15@2x.jpg
Frame 13@2x.jpg
Frame 16@2x.jpg
Frame 19@2x.jpg
Frame 20@2x.jpg
 
Frame 7@2x.jpg
 

 
 

This project was both successful and fun, but more than that, it was such an incredible opportunity and to work with and learn from this group of humans ❤️

Also shoutout to Germany for making it acceptable to eat a hotdog for breakfast :)

 
E15D82C8-6745-42D8-AD8B-A5FE75C1C9B6.jpg
IMG_3825.JPG
8A4EDE5E-7A21-4AEF-89F8-15EB8AB8CEB5.jpg
IMG_3052.JPG
IMG_4077.jpg
IMG_4244.JPG
IMG_3903.jpg
IMG_3895.JPG
51FFB600-6165-48F9-BABE-D5E19DD590EA.jpg
E8323CDE-B6FC-43B0-BD90-A7E5C37E072C.jpg
950B533C-63FC-4B8C-A69A-A1C60937506A.jpg
15D4D9B7-F7A5-4C9D-BA11-C9B2CBE91A79.jpg
IMG_4326.JPG
B70B62EF-2132-4E4D-90CA-835E067515C9.jpg
441E3809-7919-48D3-B931-2B8685AC2DD6.jpg
IMG_3923.jpg
IMG_6632.JPG
D709B8F8-8F9E-45F9-831C-99820222CD3B.jpg