SPOTIFY COMPONENTS

For a couple of months, I helped Spotify build a new components library. The goal was to unify the web and desktop experience and at the same time explore and challenge today's UI and interactions.

The library was built with Sketch and Abstract.


SPOTIFY COMPONENTS

For three months I helped Spotify with their new components library. The goal was to unify the web and desktop experience and at the same time explore and challenge today's UI and interactions.

The library was built with Sketch and Abstract.


SPOTIFY COMPONENTS

For three months I helped Spotify with their new components library. The goal was to unify the web and desktop experience and at the same time explore and challenge today's UI and interactions.

The library was built with Sketch and Abstract.


2018

2018

2018

tom-robin-sds-22

A new fluid grid that enables more columns on larger screens.


tom-robin-sds-2

Respect the creator's artwork.

Exploring the vision how cards could be more immersive with color extractions, interactions, and at the same time not hiding the cover art with actions.

Respect the creator's artwork.

Exploring the vision of how we could make the cards more immersive with color extractions, interactions, and at the same time not hiding actions over the cover arts.

tom-robin-sds-4
tom-robin-sds-5
tom-robin-sds-6
tom-robin-sds-3
tom-robin-sds-7

The aim was to consolidate all the track rows and podcasts rows to have them look and behave consistently throughout the experience.

What we aimed for was to consolidate all the track rows and podcasts rows to have them look and behave consistently throughout the experience.

tom-robin-spotify-21
tom-robin-sds-10

We explored how we could align actions made in the 'now playing bar' more, to save space but still be actionable.

tom-robin-spotify-20
tom-robin-sds-13
tom-robin-sds-14

We tried to unify the experience on both desktop and web, so you always know where to go from wherever you play.

tom-robin-sds-15
tom-robin-sds-17
tom-robin-sds-16
tom-robin-sds-18
tom-robin-sds-23
tom-robin-sds-cmp1
tom-robin-sds-cmp22
tom-robin-sds-cmp33
tom-robin-sds-cmp44
tom-robin-sds-cmp5
tom-robin-sds-cmp9

Project team

 

Robin Karlsson Design

 

Spotify

Farbod Faramarzi Design

Stephanie Mencarelli Product Design Manager

 

Project team

 

Robin Karlsson Design

 

Spotify

Farbod Faramarzi Design

Stephanie Mencarelli Product Design Manager