ZALANDO

Fashion Press Lookbook

Executed a unified experience — website, print lookbook creative, and distinctive graphic elements — for Zalando, Europe's leading fashion e-commerce platform, delivering an optimal UX for fashion PR and media professionals.

PROBLEM

The existing Zalando lookbook microsite was difficult to navigate and understand, resulting in a high volume of email enquiries and repetitive manual requests from users such as media press and internal Zalando PR managers — leaving these teams overwhelmed and stretched for time day to day.

The microsite's hard-coded structure also made it difficult for non-technical users to update content each season, creating a recurring dependency on design and engineering resource from the PR creative department every quarter and prolonging project timelines.

SOLUTION

Created a cohesive experience where media professionals can scan an overview of the season's styling, view each outfit with linked products, and download the entire fashion press package for all their editorial needs.

The new design brought sophistication and a clean UI, while staying true to the Zalando brand. Design outcomes:

  • A new, user-friendly responsive website.
  • Designed email collateral, iconography, and a UI brand library for the website.
  • Designed a templated structure that allows the website to be easily self-managed and updated, while leaving room for creative customisation to reflect future fashion collections.
  • A media press package containing hi-res (print) and low-res (digital) imagery, press release documentation, copyright asset credits, and a downloadable print asset package.
  • A downloadable, print-ready PDF lookbook.

ROLE

Creative UX/UI Designer // Web Design • Art Direction • Interaction Design • Print

TEAM

Senior Art Director
Software Engineer

Lookbook-pdf-mock-up-1
Lookbook-pdf-mock-up-2

Art directed the website transitions and worked closely with engineering to perfect the movement and timing.

a_lookbook_2
a_lookbook_6
a_lookbook_7
a_lookbook_5
lookbook_digital_ming-e_yip_design_project
lookbook_digital_ming-e_yip_design_project
lookbook_page_01_06
lookbook_page_04
lookbook_page_06

The final style guide, for the creative team to reference going forward.

lookbook_digital_ming-e_yip_design_project
Grid
Typography-1
lookbook_digital_ming-e_yip_design_project
Typography-2
Colour-palette
lookbook_digital_ming-e_yip_design_project