These were the first designs I did for my music app that I am going to recreate, I only drew up 2 screens on this page as I did this quickly but I am going to draw up 4 different screens to properly show how it will look.
I drew a home, playlist, playing a song and a song library screen. I feel that my whole design concept is circles as most of the music apps I have research uses squares to say showcase a playlist or an artist. Looking at the playlist screen it doesn’t match the other screens at all, so I am wanting to stay consistent with my design and relate the playlist screen to the library screen as it these 2 screens have a similar purpose in the sense of displaying multiple songs on it.
I am going to develop these wire frames more on Figma!
Home screen:
Playlist:
Playing a song:
These are just some basic wireframes that I drew up on Figma, they are very similar to the ones that I drew on paper but I just wanted to digitize them to see what I am working with. The next thing I am going to work on is choosing a colour pallet and typography.
Originally I was thinking of doing a nice purple and black colour pallet: