top of page
free_iphone_15 copy.jpg
Frame 5 (1).png

This project consisted in creating a concept prototype music app. The point was to explore and apply the process of UI & UX design, culminating in a clickable prototype mobile app. 

In collaboration with my teammate Brian Scott (https://brianrscott.myportfolio.com/), we created the BOOM! music app. A music app that prioritized ease of use, as well as a functional, intuitive interface with accessible features.

Desktop - 1.png

Logo

Details

Frame 8.png
Frame 9.png

Created With:

Figma

Typeface Used:

Noto Serif Telugu & Inter

Color Palette & Materials

#BEFFFB

#181818

#474747

#000000

Size Format

iPhone 13/14 Screen

Process

The Inter typeface contains an enormous number of styles in its family. Which made it a whole lot easier for me to create a hierarchy system in each page of the app.

 

The content is inspired by many of the various music apps already found in the App Store. The approach was to have additional functions missing from such apps, which makes usability easier for core users.

As far as color goes, the light blue creates a high contrast against the dark background which makes it easy to spot important elements and buttons throughout the interface.

IT do work LMAO.png
Library.png

Prototype

Project 1 - Competitor Analysis

Phase 3.png
Phase 1.png
Phase 2.png
Phase 4.png

Project 2 - User Personas,  User Flows & Wireframes

Desktop - 3.png
Desktop - 2.png
Phase 2 User Flows.png
Frame 2 (1).png

Project 3 - Low Fidelity Prototyping & User Testing

Phase 2 - User Testing.png
Frame 6.png

Project 4 - High-fidelity UI and Design Systems

iPhone 13 & 14 - 49.png
Login-Signup 21.png
Login-Signup 23.png
Login-Signup 24.png
Login-Signup 19.png
IT do work LMAO.png
Library-1.png
Library.png
Library-2.png
search.png
iPhone 13 & 14 - 47.png
iPhone 13 & 14 - 45.png
Library-3.png
iPhone 13 & 14 - 43.png
Add Song Playlist 19.png
Add Song Playlist 8.png
iPhone 13 & 14 - 46.png
iPhone 13 & 14 - 7.png
Frame 10.png

Project 5 -Interactive Prototype and User Testing 2

User Testing (1).png

Mockups

Free iPhone 14 on Tripod Mockup copy.jpg
free_iphone_15 copy.jpg
Desktop - 1 (3).png
bottom of page