Sellector
Challenge: Create a music streaming app
​
Time Period: 6 weeks
Sellector is a music streaming platform that aims to bring the artist and listeners closer than ever.
Research
I began with competitor analysis, looking at other music streaming apps. As I listen to music a lot, I’m very familiar with a lot of the features I wanted to include, however I wanted to make it more about connecting the artists and listener.
Ideation
I created a mind map to explore more ideas and features to include. One of my first ideas that I wanted to incorporate as a key feature was an accessible music listening feature, like shazam. This would be built into the app, potentially in the nav bar.
Other features I wanted to include were customisable file sizes based on your phone’s storage, cloud storage and karaoke mode.
Sketching
As I began my sketching, I had an idea to design the nav as a call-to-action button, which when pressed would make the nav appear. The idea behind this was to free up screen space when the nav wasn’t in use. I also experimented with different variations of music players.
Iconography
This was my first time designing icons and I planned and sketched them out beforehand. I used Illustrator and after a few practice icons I finally got the hang of it, I just needed to ensure consistency through them.
Digital Development
I began by creating a lo-fi stage for all my screens. Once I had all the screens planned out digitally, I began prototyping each screen to each other to give me an idea of how the prototyping would go before I prototyped any content.
Final Product and Feedback
Overall, I was really pleased with my feedback and my final outcome. Some of my critical feedback I received regarded consistency and moving my floating action button up more as it could interfere with swiping at the bottom of the screen.
Reflection
​
While I hadn’t tackled app design in quite a while it did come with some issues, my biggest being changing little aspects of screens after I had already copy and pasted them over, which meant for more manual aligning which makes the whole process extremely tedious. I believe I had to redo the prototyping for my music player around 4 times due to changing little aspects of the first screen and not deciding before I jumped into the other screens. I am glad I did this though as now I have learnt not to do this and have found a suitable and efficient way to design a UI without making my life as difficult.
​
I did use some basic Figma prototyping tutorials just to get to grasps with everything again as I hadn’t used that feature in a while. I was surprised how quickly I picked everything up again though, it felt more like second nature as time went on creating the app, which can only be a good thing.
I’m really happy with how this project turned out and i’m happy to say I can be proud of it for my first solo app UI, I found it really exciting and found myself initially lost at my computer for hours and hours at a time working on the UI, it became quite addicting and enjoyable overall.