Overview

There are a lot of apps available for people to enjoy music. Your Tunes is an app for people to easily customize their listening experience based on what's currently popular and their musical preferences. Your Tunes focuses on ages 21 to 45 as these are the ages that are most active during the day and need something that keeps them going!

Role

UI/UX Designer

Tools

Adobe XD / Photoshop

image of Your Tunes screen

Challenge

I created Your Tunes because I spend most of my day listening to music myself to get through the work day like most people. Music apps like Spotify and Apple are complex with a variety of things to explore and often change their UI which can confuse the user.

Competition

Apple Music

  • Has too many options other than music like movies, tv shows, etc. that users can get lost in. Your Tunes wants users to focus on whatever task they have at hand.
image of apple music screen

Spotify

  • Often changes its UI without notifying its users. Your Tunes keeps everything the same. Simple and easy to use so users are familiar with its UI and able to easily get around the app.
image of Spotify screen

Youtube Music

  • Unable to share singular songs with others. Your Tunes allows its users to share any song of their choice with their friends and family.
image of Youtube Music screen

Solution

I created an app that only supports music. Your Tunes focuses on simplicity so the user can easily customize their musical listening experience that doesn't distract them from completing their tasks.

image of woman running and listening to music

Key Feature

Your Tunes focuses on keeping things short and simple for its users.

  • Create playlists and libraries
  • Quickly browse genres
  • Artists and songs that are listened to often are saved on the home page for easy access
  • Share music with others
image of fit for you screen

Mood

I searched Dribble and other design sites for inspiration to design this mood board. The mood board set the tone for Your Tunes.

artwork of blue and orange woman artwork of blue and orange woman
artwork of blue and orange woman artwork of blue and orange woman
paint brush image of the color blue

#31437E

paint brush image of the color orange

#FF5C17

paint brush image of the color gray

#CBCBCD

Cool, Energy, Comfort

Typography: Yu Gothic UI

Music, once admitted to the soul, becomes a sort of spirit, and never dies. - Edward Bulwer-Lytton

Low Fidelity Wireframes

Users are able to simply sign into Your Tunes, pick an artist of their choice and being listening. They can share music with others if they wish.

concept drawing of Your Tunes screen concept drawing of Your Tunes screen concept drawing of Your Tunes screen concept drawing of Your Tunes screen

Medium Fidelity

At this stage, the icons and logo were created. The icons are simple and easily recognizable.

  • Sign in
image of mid fidelity Your Tunes screen
  • Browse artists
image of mid fidelity Your Tunes screen
  • Listen to music
image of mid fidelity Your Tunes screen
  • Share music
image of mid fidelity Your Tunes screen

Designs

Typography

Yu Gothic UI

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold / Semibold / Regular

Colors

#3F3C3C

#31437E

#038C9F

#FF5C17

#CBCBCD

#FFFFFF

Icons

image of library icon image of down icon image of search icon image of settings icon image of back icon image of repeat icon image of play icon image of pause icon image of like icon image of hamburger icon image of scroll icon image of shuffle icon image of talk bubble icon image of share icon image of more options icon image of link icon

High Fidelity

This was the final stage where color and images were added.

image of Your Tune music screen on iphoneimage of Your Tune music screen on iphoneimage of Your Tune music screen on iphoneimage of Your Tune music screen on iphoneimage of Your Tune music screen on iphoneimage of Your Tune music screen on iphoneimage of Your Tune music screen on iphone

Takeaways

I would like to explore adding the option for users to have the ability to issue voice commands for Your Tunes to further simplify things for users.

image of hand holding phone looking at Your Tunes music screen