Spotify

Redesign concept for the official Spotify website. At the time of the project, the main goal was to improve the visual consistency across all pages, while staying true to the brand’s main values.

Visual consistency

At a first glance, the implementation of the brand identity in the digital realm is disorganized and inconsistent.

It’s an aspect that can be easily observed by casually browsing the current website. No common structure can be identified between multiple pages, and that can translate in users being less tolerant of possible technical or usability related issues.

The iconography style is very different throughout the website.

It’s a pretty obvious misalignment, that can be easily noticed on a first visit. I was able to identify three different styles just by casually browsing from one page to another, in less than a couple of minutes.

The current implementation is filled with different variants of a single component, and multiple foundation related values.

The log in and register pages are two very similar entries. You’d expect these to not look very different, but that’s not the case here.

Unfortunately, there’s a lot of inconsistency between the two. Starting from the input fields, to the overall color scheme, button styles, and so on. All these aspects just add up to the on-going list of discrepancies.

Design proposal

Home

The home page redesign proposes a simple, accessible and clean visual approach, with high emphasis on all around consistency and usability.

A new navigation menu

The user will now have all the essential pages on the left side of the screen, while user centered actions are now placed on the right side.

A website wide search function is now in place, so the visitors can easily find their way around.

Register, login and manage the account through one simple unified page.

Quickly change the region based on your preferences, directly from the navigation menu.

Subscriptions

The redesign of the subscriptions page makes it more intuitive and user-friendly, with clearer descriptions of available plans, pricing options, and benefits.

A cohesive icon set

The proposed set of icons has a sense of simplicity and cohesiveness achieved through simple thin lines.

App

The redesign of the App page makes it more engaging and informative, with a clear and easy-to-use interface. The new design features more prominent calls-to-action, that allow users to download the app directly from the page or redirect them to the app store.

Visual structure

Powerful contrast, bold copy and album art emphasis. That's the standard approach you'll notice throughout the redesigned pages. Mixing all these together creates a beautiful, simple and impactful experience.

Help

The redesign of the Help page makes it easier to find answers to common questions and issues by organizing the content into clear categories and using a search bar to quickly locate relevant topics.

My account

The redesign of the My account page makes it more user-friendly and convenient, with a simplified layout that allows users to access and manage their account information with ease.