top of page

Music Buddy

Project Overview

Timeline: November 2023
Role: UX Designer

Device Type: Apple iPhone (App)

Members: Jack Weaver

Programs Used
668cccb3f734f342e07c0185e6d9a975.png
adobe-Illustrator-logo-1-1.png

What is it?

Music Buddy allows users to listen to the songs that their friends are listening to simultaneously. Users can also create group chats and share new music with others.

Overview of the Project (4 parts)

1

Problem Statement

As of today there are many music streaming services that all have different aspects and features differentiating from each other. The one thing they don't share across all platforms is being able to share music with others. If one wants to share a song/album/playlist/etc. with another, they have to listen to it on the platform that they use. 

2

Log in page.jpg
54b972c504b660f6e7905ff1242245c9.png
Home page.jpg
54b972c504b660f6e7905ff1242245c9.png

Goals

Main Project Goal

Have users be able to share their music across all music platforms.

Features to Mention:

  • Listen to the same music as others at the same time

  • Create group chats to share music

  • See who's listening to what song/artist

  • Be able to add songs that others are listening to in that exact moment

How Does it Work?

In order to sync up with friends, users must share the same music streaming platform in order to connect. In order to do so, users can either sync their accounts when signing up to the used streaming service(s) or through the profile. When synced, users can listen to friends songs by joining on in at any point.

3

Design Process

For this project, both low and high fidelity wireframes were created, but the main focus of this project was the visual elements of using dark mode. Let's see the transformation process from low to high fidelity mockups.

Final Screen Designs

High-Fidelity Mockups

Home page.jpg
54b972c504b660f6e7905ff1242245c9.png
Music Page.jpg
54b972c504b660f6e7905ff1242245c9.png
Music Page (Click on Emma's Song).jpg
54b972c504b660f6e7905ff1242245c9.png
Profile.jpg
54b972c504b660f6e7905ff1242245c9.png
Chat Page (90s Fans).jpg
54b972c504b660f6e7905ff1242245c9.png
Chat Page.jpg
54b972c504b660f6e7905ff1242245c9.png
Mockups

Low-Fidelity Mockups

Home page-1.jpg
54b972c504b660f6e7905ff1242245c9.png
Music Page-1.jpg
54b972c504b660f6e7905ff1242245c9.png
Home page (song).jpg
54b972c504b660f6e7905ff1242245c9.png
Profile-1.jpg
54b972c504b660f6e7905ff1242245c9.png
Chat Page-2.jpg
54b972c504b660f6e7905ff1242245c9.png
Chat Page-1.jpg
54b972c504b660f6e7905ff1242245c9.png

4

Conclusion

In the end, this app is merely a concept that was designed to express and spark ideas for myself and others. Since music is a constantly growing and popular field, there can be many different apps/products that involve this similar concept. My main goal for this design was to illustrate the ideas I have as a UX Designer. 

bottom of page