Megafon was an audio-based social media platform that a few friends and I worked on.
The main motivation behind the project was trying to get people to stop looking at their screens to keep up with the news that surrounds them.
We came up with a solution that allows a user to consume content hands-and-eyes-free, encouraging them to take in their surroundings. "To consume instead of being consumed"
Inspired by the trend of podcasting, we wanted to make everyone a podcaster. Instead of posting photos and sharing links, we would encourage people to vocalize and talk about what they found interesting on a given day.
The content would be delivered through two distinct channels.
The Stream
A feed of news, music and conversations by people you subscribe to.
Personal spaces
A collection of private groups where two or more people could talk.
The stream
The stream would be a mix of your friends' statements, as well as news and music, personalized to you. Like an Instagram story feed, but audio-based. It's the place where you can listen to your friends rant about something, and you could join the conversation.
Personal spaces
The idea behind the personal channel was akin to leaving messages, and having other members listen to them whenever they wanted.
Listening & Quick Replying
Listening screens
Recording & Editing
Recording flow
Login screen
The beginning
Along with the team, we brainstormed how the interface could look. A lot of thought was put into how the feed interface would look, and we settled on a waveform that moved as you listened through the messages.
User Journey
User journey flowchart
After brainstorming we drew up some sketches and I put them into UI wireframes. The focus was on having the user input be as minimal as possible.
Sketches & Wireframes
Early lo-fi sketches
Components
After iterating many times on every screen we picked out the best and I started drawing up the Color theme, basic components, and picking out the typography.
Various components used in the app
Enjoyed the read?
Hit me up via [email protected]