DISQVR is an Entertainment, Social Networking, E-commerce app. It finds you music, movies, books and people based on your preferences and activities.
DISQVR went thru numerous logotype and design versions during pre-production, all to find the closest one to reflect the “futuristic” feel. DISQVR logotype is a unique lettering, based on Helvetica and Futura typefaces.
The first Product design iteration looked like Tron dating Deus Ex: Human Revolution.
Early Customer Feedback provided useful insights into UI/UX expectations that people are looking for with this kind of app. Thus, the next revision leaned more towards the aesthetics of Her.
DISQVR has a series of On-Boarding screens explaining the features. We’ve got cool animations there to keep the user engaged.
Animations are designed in a way to transition smoothly between one another. Each animation has an “idle” phase that loops forever until the user proceeds further.
Landing page design that made it into production. It features app video preview and allows people to subscribe to the Early Adopter program.
Templates for the promos on social networks and media.
Customized transitions play an important role in establishing smooth, futuristic look and feel.
We customized transitions of the following types (asterisk marks non-system entities): View-to-view (modal), View-in-view (pop-ups), Internal transition slide*, Internal transition pop*.
This is a Dive transition. It is called whenever user is logically advancing in the app (i.e descends to a lower level). The Dive is also almost a direct quote from Nolan’s Inception movie (“we need to go deeper”).
This is a Submerge transition. In most cases it is the reverse-Dive, which means the users needs to Dive first in order to see a Submerge transition then.
Now this one is a non-system transition that we created from scratch. It is used on an item screen whenever user scrolls to more info. The Slide can be either blur-enabled or blur-disabled, depends on whether there is any underlying graphic content.
The Pop is also a custom non-system transition. It is used to display various customized pop-ups. This transition can call the pop-up to be displayed either from the above or below, and be dismissed either to the left or to the right. If the user performs an equivalent of “yes” action, the pop-up is dismissed in the direction opposite to which it has been called from. Otherwise, the pop-up is dismissed in the same direction as it came from.
The concept of Observed Processing is part of DISQVR tailored UX. The idea is that the user should always understand what the app is doing at the moment, see it and (ideally) interact with the process.
This experience is enabled upon fetching user profile from Facebook and finding items that match with user interests.
A substantially simplified and revised UI/UX.
Idea, Creative Direction, Development