Reaching 76,30% engagement rate of the music quiz app, Musik-o-Mat
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.