Who isn't fascinated by time travel? It's the idea to explore what we missed out on, what we already experienced and what the world could be.
For this personal project, I created a time travel app that could be powered by NASA.
"Remember the human element whenever possible"
I knew from the beginning that I didn't want to make an app that only takes someone from point A to point B. I wanted to create an experience -a memory that could be looked back on and cherished. My goal was to create an app that put the user at the forefront by adding warmth and humanity into something so digital.
Time is the keeper of events and memories from the past, present and future. My inspiration for the visual design of Embark, was the anatomy of a tree stump. The rings represent the years that the tree has gone through. A log of memories (pun definitely intended!). It's a representation of life and wisdom (think Pocahontas' Grandmother Willow or the Tree of Souls from James Cameron's Avatar).
A. Welcome screen.
B. The TRENDING NOW page shows the top 3 visited attractions of that day. It's the user's news feed that is filled with recommendations based on their history and also places their friends have been.
C. Side navigation.
D. The user's profile shows their current location along with photos from their travels.
A. This is the main UX that allows the user to choose where in time they would like to travel to. The 3 rings represent the past, present and future. The darkest ring stays constant and represents the present / the year the user chooses. After the year is chosen, the user can be even more specific by moving the smaller circle that adjusts the date. The default position of the smaller circle is always at the 12 o'clock mark.
B. To go back in time, the user simply zooms out. Radiating rings appear to represent the years passing by. As the user goes further back in time, the distance between the rings are greater.
C. To go forward in time, the user zooms in and the rings move
D. Once the user chooses the year, an INITIATE button appears. At any given time, the user can change the year and the button will disappear. Once the button is clicked, the small circle animates clockwise to its default position. The journey is now set for that year.
After the user has selected the desired year, they are given a list of events from that timeframe.
The user has the option to choose which mode is comfortable for them (gallery, list or map mode).
A. The info page provides the user with a description of where they are heading.
B. The stats page provides the current weather of the user's destination, safety warnings, packing tips and other lifeforms.
C. The preview page is a street view powdered by Google Maps. This option gives the user the opportunity to take a glimpse of where they are going before they decide to make the journey.
Utilizing NASA's color palette, I added a dark grey to give it a cinematic, polished look. The NASA red and blue, and the new darker blue are used as accent colors. The NASA silver is for the main body of text and important information.