![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/dOqMPWpQnLHpn6X2/free-man-using-macbook-air-mockup-1-A0x4lZO4G7ub8g5j.png)
CHALLENGE
Design a dashboard for music streaming service
Create a web version (desktop only) of a homepage/dashboard for either a real life or fictional music streaming service. Consider metrics or information that would be interesting for a user to see on this page that would give insight into their listening habits. Your designs should illustrate a clean aesthetic and a variety of data visualizations.
While you can take this as far as you'd like, at a minimum we need to see:
A high fidelity view of the homepage/dashboard
Your design process for getting to your final designs
Two prototyped interactions or animations
At least three different data points visualized, including one data table
1 day to complete
/1 Understanding the problem
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=333,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-50-AVLD75kv1Ziqbnrp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-50-AVLD75kv1Ziqbnrp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=327,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-46-meP3x2ZDJeuw9Rb8.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-46-meP3x2ZDJeuw9Rb8.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=340,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-49-Yan21w8lzXtQkOR6.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=131,fit=crop/dOqMPWpQnLHpn6X2/group-49-Yan21w8lzXtQkOR6.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=323,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-48-d95E1j0zrxsN6VeM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=132,fit=crop/dOqMPWpQnLHpn6X2/group-48-d95E1j0zrxsN6VeM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=333,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-51-1-Yan21w8LNwsNBNz0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-51-1-Yan21w8LNwsNBNz0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=334,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-47-Yg21jMeZlbfMLv6r.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=130,fit=crop/dOqMPWpQnLHpn6X2/group-47-Yg21jMeZlbfMLv6r.png)
/2 Gathering information and getting inspiration
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1224,h=951,fit=crop/dOqMPWpQnLHpn6X2/group-52-YbNDBlEWMqubGqrY.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=296,fit=crop/dOqMPWpQnLHpn6X2/group-52-YbNDBlEWMqubGqrY.png)
/3 Wireframing
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1018,h=652,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2022-03-06-at-5.02-1-YNqXBe047ltLpJy4.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=240,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2022-03-06-at-5.02-1-YNqXBe047ltLpJy4.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1018,h=652,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2022-03-06-at-5.00-1-AGBr2PX4kXf3pq8Z.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=248,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2022-03-06-at-5.00-1-AGBr2PX4kXf3pq8Z.png)
/4 UI
Preference test: What color scheme would you prefer and why?
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1017,h=662,fit=crop/dOqMPWpQnLHpn6X2/macbook-pro-16_---3-1-ALpXeNp1qRf6nWD0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=240,fit=crop/dOqMPWpQnLHpn6X2/macbook-pro-16_---3-1-ALpXeNp1qRf6nWD0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1018,h=663,fit=crop/dOqMPWpQnLHpn6X2/macbook-pro-16_---6-A0x4l6b1RZiZQ2X1.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=256,fit=crop/dOqMPWpQnLHpn6X2/macbook-pro-16_---6-A0x4l6b1RZiZQ2X1.png)
/6 Features
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=184,fit=crop/dOqMPWpQnLHpn6X2/group-53-Aq20bwMJlrceby7a.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=180,fit=crop/dOqMPWpQnLHpn6X2/group-53-Aq20bwMJlrceby7a.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-42-m5KWkGEnrDSLjMX6.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-42-m5KWkGEnrDSLjMX6.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-44-A3QE9Gj7p5ibPKlM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-44-A3QE9Gj7p5ibPKlM.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-43-YX4ZVEnxNMfgVGo3.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-43-YX4ZVEnxNMfgVGo3.png)
KPIs
On-Repeat This Week
Genre Breakdown
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=400,h=200,fit=crop/dOqMPWpQnLHpn6X2/group-41-dJoGW2LbOotWMxG9.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=184,fit=crop/dOqMPWpQnLHpn6X2/group-41-dJoGW2LbOotWMxG9.png)
Songs and Podcasts Country of Origin
Audio Level
How many songs in my library? Change since last week
How many albums? Change since last week
How many podcasts I listen? Change since last week
How many genres I listen? New genre added last time
What is avg. daily time I spend using the streaming platform?
How did it change since last week?
What genres do I listen?
What are the songs were on repeat this week and how many times I listened them.
Where are the songs and podcasts I listen to from?
How loud was the sound from my headphones and Speakers today/this week/this month/half-year/year?
Was it safe for me so it didn't affect my hearing?
/6 Prototyping
Interactions:
Genre Breakdown: Rock Genre - on hover
Map: USA - on hover
Audio Level - Month - Week
Audio Level - Headphones - Speaker (works for monthly data only)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2022-03-06-at-5.07-1-AQEXxaqQrxT38080.png)