TimeLEAP
[ This is just a concept ]
The very first step I take when I have to solve a problem is understand deeply what I am trying to solve – what is the main problem that I have to address in order to take the right steps to achieve the main goal.
The main goal of this concept app is travel back or forward in time. People using the app always need to be able to see where they are, where there are going and always be able to travel in time with a clear affordance on the UI.
Full Process
To check out all the steps that went into this project, check my article on Medium.
Inspiration
Sketching Ideas
Design Explorations
At this point it’s time to open Sketch or Figma and explore designs, creating a compelling layout with an easy to understand UX, by including al the learnings form the previous steps. In this steps I also take a stab at single elements that will create the entire UI, and explore options and possibilities.
Header & Color Combo Explorations
![explorations1 [header].png](https://images.squarespace-cdn.com/content/v1/5effb9140a889f5d6a5db7cf/1598316968549-HKLA1LK9LR13EZK3XYCN/explorations1+%5Bheader%5D.png)
Interactive Elements & Info Explorations
![explorations2 [elements].png](https://images.squarespace-cdn.com/content/v1/5effb9140a889f5d6a5db7cf/1598316980577-PCU2ADK5DARE2SINEVJ9/explorations2+%5Belements%5D.png)
Cards Explorations
![explorations3 [cards].png](https://images.squarespace-cdn.com/content/v1/5effb9140a889f5d6a5db7cf/1598317026032-9MIVBDZXA6GQ8UUIJPVV/explorations3+%5Bcards%5D.png)
Final Design
After all these exploration it’s time to put together the final UI. This Android tablet version is optimize for a Nexus 9”.
Main screen
Pop-up date when scrolling the timeline
Event preview panel
Live experience once travelled to destination