![Screen Shot 2017-08-03 at 12.28.28 AM.png](https://static.wixstatic.com/media/172849_c022abbb79dc478c80548e69f799ca63~mv2.png/v1/fill/w_490,h_327,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/172849_c022abbb79dc478c80548e69f799ca63~mv2.png)
HYPERLOOP ONE APP
A case study
![IMG_3184.JPG](https://static.wixstatic.com/media/172849_dc380afe3531405ebdc932d75075bd32~mv2.jpg/v1/crop/x_41,y_0,w_1051,h_823/fill/w_460,h_360,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/172849_dc380afe3531405ebdc932d75075bd32~mv2.jpg)
RESEARCH & DISCOVERY
Brain Dump & Mind Mapping
This is the phase where I get all my existing misconceptions and early ideas out on the table so that my mind is empty. This is when I can truly begin researching because my ego and biases are not an influence anymore. From the mindmap I can see where there are gaps in my information and where there may be opportunities to innovate and capitalize on pre-existing advantages/ disadvantages.
![IMG_3182.JPG](https://static.wixstatic.com/media/172849_034967bfdf774f478384790405a01bcd~mv2.jpg/v1/crop/x_0,y_0,w_760,h_821/fill/w_460,h_500,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/172849_034967bfdf774f478384790405a01bcd~mv2.jpg)
CONCEPT IDEATION
User Flow & Strategy
I begin with a rough skeleton usually in outline form to list must have functions to solve the solution. From there I weigh the pros and cons of each function because ultimately, we don’t want a solution that is so saturated with functions that it becomes a nuisance to the user.
​
From the outline, a basic user flow of the app itself can be prototyped which also serves as a mental journey map where I can begin to experience the solution. This will give me a good idea as to where I should add value, and where to take away any unnecessary steps.
![overview.jpg](https://static.wixstatic.com/media/172849_9a43bd3e5c684900a4bde82656e08555~mv2.jpg/v1/crop/x_48,y_280,w_724,h_724/fill/w_460,h_460,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/172849_9a43bd3e5c684900a4bde82656e08555~mv2.jpg)
MOCK-UPS & PROTOTYPING
User Test & Iterate & Repeat
I always start with rough mockups and sketches to get some ideas out on the table. If I had teammates, this would be my favorite part of the design phase because this is the time where all ideas are valuable; Where bridging my initial ideas with my colleagues ideas sparks the magic that leads to great design.
​
From the rough sketches, I’ll go into more medium fidelity prototypes for user testing and begin prioritizing the information architecture.
APP ICON CONCEPTS
![Screen Shot 2017-08-03 at 12.54.51 AM.png](https://static.wixstatic.com/media/172849_95eaa39e9e7f404c83c461fc054b6801~mv2.png/v1/fill/w_652,h_240,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/172849_95eaa39e9e7f404c83c461fc054b6801~mv2.png)
THE HYPERLOOP APP
![Screen Shot 2017-08-03 at 12.15.57 AM.png](https://static.wixstatic.com/media/172849_df45d32e74034e389c554f7559c49e96~mv2.png/v1/fill/w_436,h_718,al_c,q_85,enc_avif,quality_auto/172849_df45d32e74034e389c554f7559c49e96~mv2.png)
![Screen Shot 2017-08-03 at 12.16.11 AM.png](https://static.wixstatic.com/media/172849_737ca795294f46a487eaf8f11ca38375~mv2.png/v1/fill/w_484,h_736,al_c,q_85,enc_avif,quality_auto/172849_737ca795294f46a487eaf8f11ca38375~mv2.png)
![Screen Shot 2017-08-03 at 12.17.06 AM.png](https://static.wixstatic.com/media/172849_6ad15f80c2324825bcb7a7f6545dcf68~mv2.png/v1/fill/w_515,h_759,al_c,q_90,enc_avif,quality_auto/172849_6ad15f80c2324825bcb7a7f6545dcf68~mv2.png)
![]() | ![]() | ![]() |
---|---|---|
![]() | ![]() | ![]() |