Web based music player demo
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.
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.
View Project ProposalThis 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 PrototypeFor 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.