Welcome to Orbit, you have reached your destination.
Discover music using your own mood as a reference.
Get a preview of the mobile application
OVERVIEW
Year: 2016
Production: We Are Popo
My Role: Motion Graphics, UX Design
DESIGN OBJECTIVE
Music is found in every known culture, past and present, varying widely between times and places. Music may have been in existence for at least 55,000 years and the first music may have been invented in Africa and then evolved to become a fundamental constituent of human life. Today we’re drowning in music from artists all over the world. But there is still music to be discovered out there. To give that opportunity, driven by your mood and social environment, Team Popo crafted Orbit.
Team
Martin Vlas
Yassine Boutaib
Satoshi Yoshitake
Melissa Kumaresan
The Mobile Application
What makes Orbit different from other music streaming services?
It is a simple minimalistic app for exploring. Exploring music is something we do on the daily. Whether it’s in school, the zoo or at work.
Orbit is this extension to your musical life.
This little bit of extra, that brings you into a state of trance that brings you to the perfect workflow. It’s all a matter of time and focus. Let the music orbit around you. Take a deep breath and you’re ready to express your mood.
The Nexus
The center of the application is called the nexus, this is the place to select your music by choosing a color. The color defines your current mood. Darker colors are sad or touching while the brighter ones will deliver a more positive mood. By dragging the color indicator you can define the music speed as well. Do you like fast music? Then you have to drop the color indicator at the farther away orbit. Do you want slow music? then you have to drop the color indicator at a near orbit.
Personalize your Profile
By selecting desired colors.
Orbit automatically defines user’s current mood to start with!
Moodstream
After listening for a while using the Orbit application, the system sums up all the moods users experienced in the past. This way they can see personal mood changes throughout time.
HIGH FIDELITY SCREENS
Apple Watch
The apple watch application gives users the opportunity to see time, change music and adjust mood wherever they are.
HIGH FIDELITY SCREENS
Information Architecture
The Information Architecture of the website which feature more information about the company and it’s support
The Homepage
The Homepage of the website was driven to explain the concept it self.
By scrolling through this minimal tutorial you can discover Orbit from all angles.
It is the main portal to the not yet existing journey of the desktop user.
Exploring, discovering, traveling. It’s all part of this orbital journey.
HIGH FIDELITY SCREEN MOCKUP
Takeaways
Learnings
Creating UI for music interfaces was challenging as the elements were so minimal
The type of music people listened to was strongly linked to how their mood was at that specific time
The importance of sound design when it comes to animation
Next Steps
Continue to iterate our prototype to make improvements and strengthen the concept
Possibly designing a light mode of the app as some users may prefer it
Recruit a copywriter to draft text for the app and the website to get communication out more efficiently
Behance
Check out the full project on Behance here.
Featured on the Behance Interaction Curated Gallery in App Design on 12/7/2015.