In this individual project, I utilized my skills in branding, UI, and UX design to explore the creation of a new social app for sharing music and podcasts, driven by my own frustration at the limited opportunities for social engagement over audio content.
Inspired by editorial design principles, I aimed to develop a platform that would enable better possibilities for sharing audio snippets and building a community centered around a love for music and podcasts, ultimately seeking to enhance the user experience while incorporating visually appealing design elements.
With an open mind about what the product might offer, I entered the research phase, which included desktop research, conducting 10 interviews, and testing other social audio sharing apps.
I conducted a benchmark analysis, and discovered that the feeling of most music apps is very homogenous, they all feel very “techy” and use dark background with sans serif fonts.
Existing apps don't offer satisfactory snippet sharing. There’s a big gap in the market for a simple that makes it possible to share audio - music and podcasts - with friends.
A simple platform for sharing audio could meet the demand of podcast and music enthusiasts looking for a social discovery experience.
Snack is a social audio sharing app that provides a fresh approach to discovering music and podcasts. It's a space where users can share curated content and create personal "Digests" to share multiple audio tracks.
With a focus on friendship and curation, users can send direct audio snippets to each other without sharing to the feed.
Snack is a welcoming and authentic app that prioritizes building a community of audio enthusiasts. User-generated content is highly valued, and the app encourages discovery and sharing of new audio favorites among its users.
To align with the brand's personality, I have applied the following principles:
My goal was to select a name that isn't currently associated with audio, but rather evokes the idea of small, tasty bites. I believe that the connection to something edible is an intuitive one, which is also why I named the newsletters "Digests".
Snack's primary focus is on curated newsletters, which I associate with a slower, more analog form of communication similar to newspapers. To create Snack's visual identity, I drew inspiration from the visual language of newspapers and incorporated it into my mood board.
The mood board incorporates both analog and digital elements from newspapers, as well as examples of appealing serif fonts.
During the benchmark analysis i made in the research phase, I discovered that many music apps have a "techy" aesthetic. This didn't align with the brand personality I had in mind for Snack. As a result, I decided to take a different approach in order to position Snack in a unique and distinct way;
Given that serif fonts are unusual in digital products, and my aim was to create a distinctive social media platform, I decided to work with them for Snack's design.
When starting the design process for Snack, I explored different visual paths for both branding and UI/Layout simultaneously.
At this point, I had reached a branding milestone and was able to progress to a more hifi UI design and form the brand toolbox for Snack.
Snack's main screen shows a feed of digests with up to 5 track covers each, along with a heading, preamble, author, and publishing time.
In the top navigation, chat and profile page can be reached and the current digest draft is easily accessible from the the top of the feed.
The top navigation within a digest is kept to a minimum, allowing for the content be the primary focus. To enable the user to browse through each digest with ease, every track is displayed with its own caption. It’s easy to play all tracks or track snippets within a digest using the play all functionality, or to select a specific track or snippet and play it directly.
Every digest track has its own unique layout, this is ment to highlight the distinctiveness of each digest, where not only the content is unique, but the layout also brings a slightly new experience every time.
The author is introduced once again on the bottom of the digest, this time with a short blurb similar to how it might be done in a newspaper article.
I use drawers to enable easy creation and editing of digests.
The drawers are used when sharing a track from an external streaming platform like Spotify. They are also used to add a new track directly from within a digest draft, then displaying the recently played tracks from the streaming service selected by the user, as well as when editing any text or track within a draft. ■