There were rumours of Spotify being interested in buying SoundCloud. The deal was abandoned and Spotify is rather preparing for an IPO. Since I’m amazed by both companies’ product lines, I was inspired by the possibility of such an acquisition. Spotify and SoundCloud bring joy to their users in their own special ways. Music streaming is a highly crowded market, competition is getting even more serious since the emergence of Apple Music. Let me guide you through how I imagine the winner combination of SoundCloud’s and Spotify’s services.

Challenge 1

Lacking each other's best features

SoundCloud focuses less on monetization and more on the community. SoundCloud Go's user experience has room for improvement, its design aims to be super clean at the expense of its functionality. Despite the fact that I personally love Spotify’s divisive design, I have to admit, it’s a bit cold and dark. In my personal experience, Spotify's dark interface attracts more men than women. Also, contracts and licenses of record labels make Spotify less adaptable when it comes to user-generated, altered content. 

Thoughts you can read in this case study are based on my experience and research. They may differ from others' opinion.

Process 2

My design process for Mii

Through the merge of SoundCloud's and Spotify's features, a delightful and powerful platform could be born. Derived from my own aesthetic taste and personal beliefs of how this product should look and feel, designing Mii was a much more nonlinear journey than I first thought. The process emerged from my research and experience using both companies' apps.

The stages of my process are Ideation, Product Strategy, Market Research, Features, Visual Elements, User Interface, Interactions and Prototype.

Market Research & Article

I've conducted my research on Spotify, SoundCloud and the offering of their services. Collected information includes user base, yearly growth, revenue, public financial details, predictions and a competitor analysis of other products like Deezer, Apple Music, Tidal and Amazon Prime Music. The story below contains the basis for my thinking while the other link leads to the shortened version of my market analysis from 2016.

The article contains no strict data, only conclusions made from my experience and research.

[unex_ce_button id="content_dwhznmn3p,column_content_xxyergcdn" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#111111" button_padding="8px 20px 5px 20px" button_border_width="0px" button_border_color="" button_border_radius="50px" button_text_hover_color="#111111" button_text_spacing_hover="0px" button_bg_hover_color="#fdfdfd" button_border_hover_color="#fdfdfd" button_link="https://medium.com/@donatbalipapp/mii-merging-soundcloud-spotify-da8c3d960b9e#.yslcuntd3" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Read This Story[/ce_button]
[unex_ce_button id="content_dwhznmn3p,column_content_dkwg6y0hu" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#111111" button_padding="8px 20px 5px 20px" button_border_width="0px" button_border_color="" button_border_radius="50px" button_text_hover_color="#111111" button_text_spacing_hover="0px" button_bg_hover_color="#fdfdfd" button_border_hover_color="#fdfdfd" button_link="https://docs.google.com/spreadsheets/d/1r6CY-oKxdK1k6dK2xRWoCBmQGcjM4g-lSTXytO5TOJs/edit?usp=sharing" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Market Research[/ce_button]

Feature Map

My concept is designed around 4 aspects of music streaming. Discovering new songs, artists, albums and playlists is an essential feature. A detailed profile section provides more ownership to the user. Identifying new music comes handy more often than I first thought. Shazam is doing a great, inspiring job at this. Nonetheless, keeping data in-house would be extremely beneficial. The last key feature is something that every music consumer needs on the planet, a personalised music library.

Visual Hierarchy & Components

Putting together a page including all the agreed design items creates a visual reference for the product. This will also break a comprehensive document into more manageable parts. An initial and approximate colour palette can speed the process up dramatically.

User Interface

My aim was to make a balance between dark and light tones on the interface. Screens that include a list of elements have light colours while screens that have a clear focus on one element have dark colours that give more prominence to the content. Overlaying cards provide a natural yet unique flow to access contextual information.

Transitions & Interactions

Motion can help human beings to communicate better with a machine through an interface. Animations can reduce cognitive load for the user. They make an interface feel tangible and realistic. For example, the quick transformation of the sound wave into a still line contributes to a polished experience.

For the best experience on mobile devices please install the prototype on your home screen.

Desktop Player

Despite the growing numbers for mobile streaming, listening to music on a desktop device remains a common user behaviour. It serves as a more detailed base for our music collection. Now that soon wearables will be able to store and play music too, this platform will become more of a tool for organising and discovering music.

Solution 3

Delightful music streaming for consumers and producers

Music is a form of self-expression, speaking for us, shaping our identities. Being social in music streaming is not a choice, it’s a must. When I thought about my concept, the merge of SoundCloud and Spotify seemed to produce an ideal balance. Mii would be built around a more connected community where user experience would be seamless.

Behance project available.

behance_buttontopbehance_buttontop
[unex_ce_button id="content_4ncukrj4k" button_text_color="#ffffff" button_font="bold" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#2588ff" button_padding="8px 20px 5px 20px" button_border_width="0px" button_border_color="transparent" button_border_radius="50px" button_text_hover_color="#2588ff" button_text_spacing_hover="0px" button_bg_hover_color="transparent" button_border_hover_color="transparent" button_link="https://www.behance.net/gallery/48102517/Mii" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]Watch This Project[/ce_button]
MI_solution2MI_solution2

Thanks for Scrolling