Reaching 76,30% engagement rate of the music quiz app, Musik-o-Mat

Responsive Design

Responsive Design

Responsive Design

UX / UI

UX / UI

UX / UI

Interactive tool

Interactive tool

Interactive tool

I redesigned with Deezer the Musik-O-Mat, aiming to inspire enthusiasm among young voters.

Context

In 2017, Deezer launched the Musik-O-Mat for the German federal elections, a fun quiz matching users' music tastes with the major political parties.

For the 2021 federal election, Deezer aimed to engage first-time voters by using music to make politics more accessible and exciting for young people.

Team

Project Manager

UX Designer

Developers

My role

Redesign the interface

Client

Deezer

Timeline

2-4 Weeks

Design from 2017

Requirements

  • Redesign based on new brand design

  • Social media sharing

  • Share and download results

  • Link to the Deezer playlist of the party

  • 30 seconds preview of the songs

  • Responsive web design

What do we measure?

  • Visits of the website

  • Sharing of results – which channels the survey will be shared through

  • How many complete the survey

  • How many download their result

  • How many cancel or restart the survey

  • Total number results for each party

Exploration

As we are not changing the user flow of the application, I have started exploring the brand colors and created a visual moodboard.

Ideation

How might we motivate the younger generation to interact with our quiz?

We will use bold colors to match the new brand.

Mobile-first approach, focus is on social media sharing, quick access.

We keep the burger menu for the desktop, to keep the focus on the quiz and minimize distractions to leave the page.

Ideation

I created 2 color concepts for the landing page to present, a dark theme and a gradiant color theme.

Deezer liked the idea of the gradient color concept.

Concept

The focus shifted on testing some concepts for the quiz.

Concept 1

Concept 2

Concept 3

Concept 4

Interestingly, in the A/B test, users preferred
concept 2 because it was visually more pleasing.

However, during testing, the first concept had fewer errors when completing the task of playing each song, selecting one, and then proceeding to the next page.

Design

The new landing page

Design

We kept the burger menu for the desktop, to keep the focus on the quiz and minimize distractions.

Design

Quiz page

Design

We want to encourage users to share their results, so we enabled social sharing.

Design system

Button interactions

Impact

Yayy! We got great results!

76,30%

Engagement rate

300.000

Views / day on peak days of the election

170

Publications (print, online, radio)

Learnings

Why I loved this project?

It was a super fun project to work on! We had a great teamwork with the client, super communication, which helped us get things done quick.

It was also great to see our work being shared all over social media and raise awareness among young and first time voters.

Next project