All work

Jil Sander Lookbook

A collection in motion. An editorial view of fashion.

UX/UI concept · Lookbook

UX/UI Design

Explore the prototype

Tools used

  • Figma

THE PROJECT

A collection
to browse.

A lookbook presents a fashion collection through silhouettes, garments and accessories. This UX/UI concept creates an interactive version for Jil Sander as a horizontally browsed microsite. The challenge was to connect the collection overview to each piece’s details through a restrained layout that gives photography and products space.

THE EXPERIENCE

From silhouette
to detail.

After the introductory screen, the collection unfolds in a horizontal strip. The Linea Shoulder bag page combines a photo gallery, colour variants and a link to the product on the brand’s website. The Figma prototype shows the transition from an overview to the discovery of a single accessory.

ART DIRECTION

Strong images,
a quiet frame.

Black and white leave colour to the photographs and clothing. Futura PT structures the text, while an enlarged logotype becomes part of the editorial compositions. The style guide defines type sizes, thin borders, square corners and spacing to unify the screens.

  • HEX
    #FFFFFF

    White

    RGB
    255 / 255 / 255
    CMYK
    0% / 0% / 0% / 0%
  • HEX
    #000000

    Black

    RGB
    0 / 0 / 0
    CMYK
    0% / 0% / 0% / 100%

Next project

  • 3D Design
  • Motion Design

iPhone 14 Pro