Web based music player demo
Role
User Interface Designer
Tools
Figma
Deliverables
Proposal
Prototype
Duration
2.5 Weeks
Overview

For this project, I will create a proposal outlining my plans for the final project. I will define what I want to pursue, making sure the scope is manageable within the 2.5-week timeframe, not including the break. Once the proposal is approved, I will carry out the project according to the plan.

Project Goal

The goal of this project was to design a series of screens for a music streaming web app. In addition to creating three main screens, I aimed to design six unique radio station logos, showcasing both interface design and visual branding skills.

Process
Project Proposal

View Project Proposal
Final Prototype

This is my final prototype, a working demo featuring three pages of the app interface along with an interactive music player. It demonstrates both the design of the screens and the functionality of key interactive elements.

View Final Prototype
Reflection

For this final project, I chose to apply several skills I learned from different assignments throughout the semester. For instance, I used Component Properties to create instance swapped icons, which made it easy to swap different icons in my project. I also used Boolean Properties to hide the music player element in the navigation bar on my Song Information Page. Moreover, I used Variables to set up color tokens, spacing, and typography, which helped me build the different Interactive Components in my project, such as the Media Controller buttons.