ZALANDO

Fashion Press Lookbook

Executed a unified online experience; website, lookbook print creative, and distinctive graphical elements for Zalando, Europe's leading fashion e-commerce, to provide optimal user experience for fashion PR and media industry professionals. 

PROBLEM

The existing Zalando lookbook microsite was difficult for users to navigate and understand, this resulted in a high rate of email enquires for repetive and manual requests to users such as, media press and internal Zalando PR managers. These managers were overwhelmed and time-consumed day-to-day.

The microsite's hard-coded structure made it difficult for non-tech-savvy users to update content seasonally, leading to recurring dependencies on design and software engineers by the PR creative department every quarter, thereby prolonging project timelines.

SOLUTION

Created a cohesive experience where media industry professionals can now scan an overview of the season's style, view each outift set with the according products linked, and intuitively download the entire fashion press package for all of their editioral needs.

The new design brings sophistication, clean UI whilst staying inline with the Zalando brand. Design outcomes:

  • A new user-friendly responsive website.
  • Designed email collatoral, iconography, and UI brand library for the website.
  • Designed a templated structure to allow the website to be easily self-managed and updated, allowing the space for creative customisation and reflection of future fashion collectives.
  • Media press package - containing hi-res (print) and low-res (digital) imagery, press release documention, copyright asset credition and a downloadable print asset package.
  • Print based PDF downloadable 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 website transitions and worked with engineer 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

End of project style guide for the creative team to follow in the future.

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