top of page
iPhoneXMOCKUP.jpg
Icons2-02.png
Icons2-04.png
Icons2-02.png

UX / UI Design

Branding & App Design

Research / Moodboards / Process

To begin the process each designer had to do a series of interviews in order to find out what people like about their current music apps vs what they didn't like about their apps. Along with USER interviews we also looked at  a Competitive Analysis. Created user personas. We created Moodboards to give us ideas for logos along with typeface and color pallet ideas. Then dove in to a basic user flow map.

Personas

PROJECT OVERVIEW

User Experience (UX) design is user-centered design with a focus on usability research, data, and information architecture. User Interface (UI) design, is the creation of digital user interfaces.

Our goal for this project was to do research on current music apps in order to create a music app that would allow you to do something that other applications might be limited too. 

After the research I did it came to knowledge that most music apps don't have a hands free option. All apps need to be controlled from your phone and you have to standing still to use it.

So my solution was to create a interface that would allow you to talk to your phone without the need to have to use your hands to control it. While your running to just be able to tell it to play next song on the fly.

Profile Meghan
Profile Omar
Profile Teresa

Moodboards

Logo Ideas.jpg
  • Logo Ideas
  • Application Logos
  • Something on the go
  • Most music apps are one word
  • Music type logo
Colors and Fonts.jpg
  • Name of logo
  • Color Pallet
  • Different Color Types
  • Final Logo
  • Type Face

Main Logo

Icons2-02.png

Color / Typeface

Color-01.png
Color-02.png
Typeface-01.png

Wire Frames

App Icon

AppEphemera-01_edited.png
Color-03.png
Color-04.png
Typeface-02.png

Sketched

Sketches-01.png
Sketches-02.png

Low Fidelity Wireframes

The low fidelity frames are just the basic intro to how you would sign up/log in for the app. It shows the different screen versions between the two going to the what the main screen would look like once you log in.

Frames-01.png

High Fidelity Wireframes

The high fidelity frames represent the intro in how you would sign up/log in for the app. It shows a full color option also showing off some of the different screen versions between the two going on with them ending on main screen.

Unique Flow

One of the cool things about my music app is the uniqueness about it by creating ways to make the app hands free which would allow you to skip songs, play playlists, and stop your song all while you're on the go. No need to stop if life doesn't

Full Application

This is the full application which is completely clickable. It was built between sketch and invision. 

Frames-02.png

Ephemera

VAM PICTURE.jpg
Display_Mockup.png
Portrait.png
iPhone12-Mockup_Straight.png
bottom of page