AV is a music streaming app which aims to give users more personalisation around their music.
| Project | IxD 104 - Design a music streaming app |
|---|---|
| Users | Any |
| My Role | Research, Development, Design |
| Scope | At least 3 screens. Have a USP. |
The first step in this project was to analyse what other music apps do well and what could be improved. From this, I recognised a lack of personalisation across all major music apps. As a highly personal medium, music has always been associated with personal tastes. It used to be that user would customise their vinyl setup, decorate their Walkman, or choose unique cases for their iPods. My music app sought to change that.
The next step was to explore what personalisation meant within a music app. This allowed me to arrive at the solution of having a customisable player screen within my music app. To explore this further, I mind-mapped what options and customisations should be included in the app.
I sketched out wireframes of what I wanted my music app to look like. I initially started with the base three screens; home, search, and library; before moving onto the player screen and what the customisation screens would look like.
One of the main options I wanted for users was to be able to change their music visuals. Album art is the standard, but I also wanted to add the option for vinyl, cd, and cassette, however, I also had the idea that users could expand the album art to the full screen using AI outcropping. I explored this option in DALL.E 2 and it seemed to work well and would be a unique feature of the app.
Other customisation included; font style; primary and secondary colour; background pattern; and icon style.
As another unique aspect of the app, rather than having the player bar that usually sits at the bottom of the screen when not in the player, the app would have a square player with two customisable buttons and an area that users can drag around the screen. This would also stay on screen when out of the app and reflect the user's customised player screen.
Next, I began to build the screens in Figma and design an icon set.
I kept the colour palette fairly simple, as I wanted the non-background colours to be the users chosen primary colour, to keep the personalisation through all screens in some way.
The final step here was to build a prototype in Figma. This was fairly tricky as I hadn’t much experience and really pushed myself to prototype as far as possible.