top of page
hero4-01.png

DE-STRESS SMART MUSIC APP

YEAR
2020

MY ROLE
Team Leader
UX/UI Designer

DURATION
3 Weeks

PROJECT NATURE
Concept Project

PLATFORM

Mobile App

TEAM SCALE
3 Designers

TASKS
UX Research, Service Blueprint, Value preposition, UX & UI Design, Prototype (paper & digital)

PROJECT OVERVIEW

BRIEF

Project objective is to create a music app that differentiates from what is already available in the market. Targeting a specific user group that mainly listens to music at home for relaxing purpose.

​

USER

 Target Group:

  • age 25-31

  • working

  • listens to music at home

​

OUR GOAL

Create a Relaxing Music App to be Used at Home

Overview

DESIGN PROCESS

DISCOVER

​

  • Interview & Surveys
    with Target Group

     

  • Find Pain Points

​

  • Personas

​

  • User Journey

​

​

DEFINE

​

  • Problem Statement
     

  • Business Value
     

  • Unique Selling Point
     

  • Service Blueprint

​

  • Competition Analysis

IDEATE

​

  • CRAZY 8
     

  • SOLUTIONS
     

  • Moodboard

​

  • Branding

DESIGN

​

  • Paper prototype

​

  • Usability test 
     

  • Wireframes
     

  • Digital Prototype

Design Process

DISCOVER

QUANTITATIVE RESEARCH

32 participants did our survey

How often do our users listen to music at home?

40%

Majority listens to music AT HOME
2-4 DAYS per week

We asked users what they do while listening to music at home,
to better match the music experience with the activity.

Research Findings

63%

WORK

44%

EXERCISE

28%

SHOWER

25%

COOK

QUALITATIVE FINDINGS

We interviewed 10 people, key quotes were:

When I’m home playing music my hands are
usually
occupied or multitasking, it would be
great if I don’t need to touch my phone to
switch songs.  

20200928_150642.jpeg
signal-2021-02-04-141721_001.jpeg

Music changes my mood, gives me
a feeling of
autonomy & relaxation.

Wish that music can auto-play according to current
time /emotion/ location.
(Kitchen/Bathroom/Bedroom)

WHO ARE OUR USERS?

After user research, we created 2 personas based our understand of the target users.

We want our relaxing music app to be able to help 2 type of users:

  1. Kyle is always stress out as a Cafe owner enjoys music at home to relieve stress.

  2. Alice is an artist who needs music for inspiration but doesn't want to touch her phone while painting.

Persona

AFFINITY MAP

We used affinity map to sort our findings from survey & interviews into 4 sections:
 

  • positive feedback about their current music app

  • negative feedback about their current music app

  • emotions they have from listening to music

  • activities interviewees do to relax

IMG_3132.png
IMG_3139.JPG

Since our goal is to let users feel relaxed, we recategorised the findings to focus on emotions they have with the music app features and activities.

 

We find that our target users value most about personalisation, and to let users feel relaxed at home, we want to enhance their feel of autonomy during their "me-time".

 

Therefore, we narrowed down our music app to tackle the following problem.

Affinity Map

PROBLEM STATEMENT

How might we provide users a
RELAXING & PERSONALISED
Music Experience?

Problem Statement

CRAZY 8

Crazy 8 is a core Design Sprint method. It is a fast sketching exercise that challenges people to sketch eight distinct ideas in eight minutes.


We each came up with 8 ideas of creative features for our music app. We went for 2 rounds, 1 for each of the below topic:

  1. What features can let our users feel more relaxed at home?

  2. What features would let our users feel personalise?

IMG_3150.jpeg
IMG_3147.jpg

Then we voted the best 4 features out of all ideas, and as a team we elaborated more on the how the features can tackle our problem statement.

Crazy 8

SOLUTION

Rhythm of Your Music

YusicNewLogo.png

A music app with below key functions:
 

  1.  Handsfree - Voice Control
     

  2.  A whole Yusic eco-system that works with the app
    Yusic smart watch - detects blood oxygen & stress level
    Yusic sensors, smart speakers & smart lights
    - lets your home surroundings match the music/mood

     

  3.  Ai Smart Music App
     Auto-detect: Stress Level / Time / Weather / Which Room

     

  4.  Ai Learns about YOUR Music Listening Patterns
     Right music for the right room / mood / activity

Solution

DEFINE

BUSINESS POSITIONING

What is Yusic?
Smart real-time learning music app/product.
Comes with a whole eco-system that works with the app

- Yusic smart watch, speakers, lights and sensors

​

Competitive Advantages (USP):
Smart Eco system providing matching music for
your current stress level, weather, time period, and activity.

 

What Yusic stand for?
Yusic = You+Music
Smart Music Eco system that enhances your stress-free lifestyle.

Business Position

WHY YUSIC? JUST BECAUSE IT...

ELIMINATES

The need to manually choose music to
match your current
activity / time / weather / mood / stress level

REDUCES

Stress and the need to touch your phone
at home

RAISES

Awareness to
relieve stress level
on daily basis & opportunity for
multi-tasking

CREATES

Smart Music Eco system for Relaxation & Autonomous feeling

Value Innovation

WHAT MAKES OUR SERVICE POSSIBLE?

A service blueprint is a technique originally used for service design, it's a diagram that displays complete picture of how the experience is delivered, end-to-end and surface-to-core,
which ties back to the
customer’s experience.

 

Our service blue print is based on the customer journey of a user who wanted to buy multiple bluetooth speakers to place around the house and came across Yusic's service.

​

This helps us identify operation needs in different stages,
from app interface to backend technology and physical products etc.

ServiceBluePrint.png
Service Blueprint

WHERE DOES YUSIC STAND?

We compared Yusic's features with existing music apps, and Yusic is positioned to be
the most Ai advanced and personalised music app with our unique features.

CompetitionMap.png
YusicCompetitionLanscape.png
Competition Map

DEVELOP

Paper Prototype

PAPER PROTOTYPE

We created a paper prototype to test out basic functions and see if users find our app easy to understand & navigate. We asked them to complete tasks like wearing the smart watch to detect stress level and asked for feedbacks about our design.

Version 1 - Main Page
Simplistic approach to let users play any category with just 1 click

IMG_3200.jpeg

Version 2 of Main Page
Added "Play music by" & took out some of the play buttons. 

Feedbacks:

  1. We wanted users to play any category with just 1 click, however users find it confusing where to press when there are too many play buttons on the same page.
     

  2. Users did not get it was a menu to "Play music by" one of the categories, so for version 2 we needed to add text for clearer instruction.
     

  3. Users find that the Ai suggestions are great, but they still want a search bar
     

  4. "Just Play Anything" should be playing the saved songs users like, therefore we changed it to "favourites" to be less vague.

​

WIREFRAMES

According to feedback from our paper prototype, the main menu is a bit confusing. Also we need to place more functions so we changed buttons into a rotating wheel for selecting which category to match with music, also revised the text for users' clearer understanding.

Wireframe 2.png

Main Menu
Spinning wheel control to select which category.

Wireframe 3.png

Music Playlist
Curve timeline for more ergonomic control

Wireframe 1.png

Pairing
Pair with other Yusic devices to work with the music app

Wireframe 4.png

Stress Report
Track your stress levels detected from our Yusic watch

Wireframes

DELIVER

UI DESIGN

Yusic's brand traits are: Understanding, Caring, Intelligent, Innovative, Responsive
We selected a color palette that matches this character and applied it to the design.

Yusic Colors.png
Match StressLevelpng.png

Main Menu
Voice Control available at all times

DeviceSetting_Lights_Romanticg.png

Yusic Lights
Save preset lighting
for different mood

Lyrics.png

Playing Music
with Lyrics

curve timeline for more ergonomic control

Connected Devices.png

Yusic Devices
View which devices are connected

Bath Playlist.png

Bathing Playlist
Auto sort songs according to bpm of music for smoother song transition

DeviceSetting.png

Device Settings
Control each speakers/sensors individually

UI Design

PROTOTYPE

Prototype

Thank you for your time, feel free to view other ux/ui projects.

Friendly messages are always welcome, find me here

bottom of page