FUTURA: Time Travel App
FUTURA: Time Travel App
Fampay Hiring Statement | Concept Mobile App | UX Case Study
Fampay Hiring Statement | Concept Mobile App | UX Case Study
CASE STUDY COVER IMAGE
CASE STUDY COVER IMAGE
My Role
My Role
User Research, Interaction Design, User Flows, Wireframing, UI Design
User Research, Interaction Design, User Flows, Wireframing, UI Design
Timeline
Timeline
5 July 2023 - 7 July 2023
5 July 2023 - 7 July 2023
Overview
Overview
I tackled a unique challenge given by Fampay for a product design hiring exercise. The task was to design an engaging and intuitive user experience for F.U.T.U.R.A., an app that allows users to travel 50 years into the past or future. The constraints included the user being invisible, the exploration period being limited to 10 minutes, and the prohibition against touching or moving anything.
I tackled a unique challenge given by Fampay for a product design hiring exercise. The task was to design an engaging and intuitive user experience for F.U.T.U.R.A., an app that allows users to travel 50 years into the past or future. The constraints included the user being invisible, the exploration period being limited to 10 minutes, and the prohibition against touching or moving anything.
I tackled a unique challenge given by Fampay for a product design hiring exercise. The task was to design an engaging and intuitive user experience for F.U.T.U.R.A., an app that allows users to travel 50 years into the past or future. The constraints included the user being invisible, the exploration period being limited to 10 minutes, and the prohibition against touching or moving anything.
I tackled a unique challenge given by Fampay for a product design hiring exercise. The task was to design an engaging and intuitive user experience for F.U.T.U.R.A., an app that allows users to travel 50 years into the past or future. The constraints included the user being invisible, the exploration period being limited to 10 minutes, and the prohibition against touching or moving anything.
The success of the Time Travel App led to my selection for a product design intern role at FamPay, recognizing my design skills and innovative approach.
The success of the Time Travel App led to my selection for a product design intern role at FamPay, recognizing my design skills and innovative approach.
The success of the Time Travel App led to my selection for a product design intern role at FamPay, recognizing my design skills and innovative approach.
The success of the Time Travel App led to my selection for a product design intern role at FamPay, recognizing my design skills and innovative approach.
What Exactly was the Problem
What Exactly was the Problem
It's the year 3080, and time travel is now easier than seeing through your "Goa plans" with friends. An app exists that allows you to travel to the past, or to the future, by 50 years. But there's a catch - you will be invisible, and you can only explore for 10 minutes. You must also make sure not touch or move anything, so as to keep our reality safe...
It's the year 3080, and time travel is now easier than seeing through your "Goa plans" with friends. An app exists that allows you to travel to the past, or to the future, by 50 years. But there's a catch - you will be invisible, and you can only explore for 10 minutes. You must also make sure not touch or move anything, so as to keep our reality safe...
It's the year 3080, and time travel is now easier than seeing through your "Goa plans" with friends. An app exists that allows you to travel to the past, or to the future, by 50 years. But there's a catch - you will be invisible, and you can only explore for 10 minutes. You must also make sure not touch or move anything, so as to keep our reality safe...
It's the year 3080, and time travel is now easier than seeing through your "Goa plans" with friends. An app exists that allows you to travel to the past, or to the future, by 50 years. But there's a catch - you will be invisible, and you can only explore for 10 minutes. You must also make sure not touch or move anything, so as to keep our reality safe...
The Task
The Task
Design an experience for the time travel app F.U.T.U.R.A.
Screen(s) for choosing when and where you want to visit
On journey screen(s) - you decide what the user sees on their screen after they have selected their destination
Screen to show they have successfully returned to the present, with updates on what has changed in the last 10 minutes (eg. current time, day, any big news)
Design an experience for the time travel app F.U.T.U.R.A.
Screen(s) for choosing when and where you want to visit
On journey screen(s) - you decide what the user sees on their screen after they have selected their destination
Screen to show they have successfully returned to the present, with updates on what has changed in the last 10 minutes (eg. current time, day, any big news)
Design an experience for the time travel app F.U.T.U.R.A.
Screen(s) for choosing when and where you want to visit
On journey screen(s) - you decide what the user sees on their screen after they have selected their destination
Screen to show they have successfully returned to the present, with updates on what has changed in the last 10 minutes (eg. current time, day, any big news)
Design an experience for the time travel app F.U.T.U.R.A.
Screen(s) for choosing when and where you want to visit
On journey screen(s) - you decide what the user sees on their screen after they have selected their destination
Screen to show they have successfully returned to the present, with updates on what has changed in the last 10 minutes (eg. current time, day, any big news)
PROBLEMS
PROBLEMS
My Design Process
My Design Process
DESIGN PROCESS
DESIGN PROCESS
Target User
Target User
In designing the F.U.T.U.R.A. time travel app, it’s essential to understand the two primary types of users:
Purposeful Time Travelers
Exploratory Time Travelers
In designing the F.U.T.U.R.A. time travel app, it’s essential to understand the two primary types of users:
Purposeful Time Travelers
Exploratory Time Travelers
In designing the F.U.T.U.R.A. time travel app, it’s essential to understand the two primary types of users:
Purposeful Time Travelers
Exploratory Time Travelers
In designing the F.U.T.U.R.A. time travel app, it’s essential to understand the two primary types of users:
Purposeful Time Travelers
Exploratory Time Travelers
USER PERSONA
USER PERSONA
Assumptions
Assumptions
To begin working on this concept problem statement, I have made several assumptions that are essential for ensuring a safe and reliable time travel experience.
To begin working on this concept problem statement, I have made several assumptions that are essential for ensuring a safe and reliable time travel experience.
To begin working on this concept problem statement, I have made several assumptions that are essential for ensuring a safe and reliable time travel experience.
To begin working on this concept problem statement, I have made several assumptions that are essential for ensuring a safe and reliable time travel experience.
ASSUMPTIONS
ASSUMPTIONS
Story Boarding
Story Boarding
After defining the user personas and setting up the assumptions, I created a storyboard.
After defining the user personas and setting up the assumptions, I created a storyboard.
After defining the user personas and setting up the assumptions, I created a storyboard.
After defining the user personas and setting up the assumptions, I created a storyboard.
STORYBOARD
STORYBOARD
Information Architecture
Information Architecture
After brainstorming and ideating, I decided to design a mobile app for time travel. Below is the Information Architecture (IA) for these solutions:
After brainstorming and ideating, I decided to design a mobile app for time travel. Below is the Information Architecture (IA) for these solutions:
After brainstorming and ideating, I decided to design a mobile app for time travel. Below is the Information Architecture (IA) for these solutions:
After brainstorming and ideating, I decided to design a mobile app for time travel. Below is the Information Architecture (IA) for these solutions:
INFORMATION ARCHITECTURE
INFORMATION ARCHITECTURE
UI Kit
UI Kit
Setting up a UI kit is crucial for such projects. To match the futuristic theme, I chose the modern sans-serif typeface Mona Sans and a blue primary color to convey trust to the users.
Setting up a UI kit is crucial for such projects. To match the futuristic theme, I chose the modern sans-serif typeface Mona Sans and a blue primary color to convey trust to the users.
Setting up a UI kit is crucial for such projects. To match the futuristic theme, I chose the modern sans-serif typeface Mona Sans and a blue primary color to convey trust to the users.
Setting up a UI kit is crucial for such projects. To match the futuristic theme, I chose the modern sans-serif typeface Mona Sans and a blue primary color to convey trust to the users.
UI Kit
UI Kit
User Interface
User Interface
After making information architecture, start making UI screens for the App.
After making information architecture, start making UI screens for the App.
After making information architecture, start making UI screens for the App.
After making information architecture, start making UI screens for the App.
Onboarding Flow
Onboarding Flow
Assumes prior time travel knowledge for streamlined user onboarding process using their time travel ID number.
Assumes prior time travel knowledge for streamlined user onboarding process using their time travel ID number.
Assumes prior time travel knowledge for streamlined user onboarding process using their time travel ID number.
Assumes prior time travel knowledge for streamlined user onboarding process using their time travel ID number.
ONBOARDING FLOW UI
ONBOARDING FLOW UI
Home Page
Home Page
Quick selection of date, time, and location for efficient time travel initiation.
Quick selection of date, time, and location for efficient time travel initiation.
Quick selection of date, time, and location for efficient time travel initiation.
Quick selection of date, time, and location for efficient time travel initiation.
Home Page UI
Home Page UI
Safety Steps
Safety Steps
Safe mode and rule book reduce errors before time travel.
Safe mode and rule book reduce errors before time travel.
Safe mode and rule book reduce errors before time travel.
Safe mode and rule book reduce errors before time travel.
Safety Steps UI
Safety Steps UI
During Journey
During Journey
Data save, scanner, translator enhance the immersive time travel experience.
Data save, scanner, translator enhance the immersive time travel experience.
Data save, scanner, translator enhance the immersive time travel experience.
Data save, scanner, translator enhance the immersive time travel experience.
During Journey UI
During Journey UI
Safety
Safety
Warns and redirects users if they attempt reality-altering actions.
Warns and redirects users if they attempt reality-altering actions.
Warns and redirects users if they attempt reality-altering actions.
Warns and redirects users if they attempt reality-altering actions.
During Journey SAFETY UI
During Journey SAFETY UI
After Journey
After Journey
Provides updates on timeline changes and facilitates sharing of time travel experiences.
Provides updates on timeline changes and facilitates sharing of time travel experiences.
Provides updates on timeline changes and facilitates sharing of time travel experiences.
Provides updates on timeline changes and facilitates sharing of time travel experiences.
After Journey UI
After Journey UI
Explore Page
Explore Page
Offers recommendations for uncertain travel destinations.
Offers recommendations for uncertain travel destinations.
Offers recommendations for uncertain travel destinations.
Offers recommendations for uncertain travel destinations.
Explore Page UI
Explore Page UI
User Profile Page
User Profile Page
Centralized access to user history and saved bookmarks for seamless navigation.
Centralized access to user history and saved bookmarks for seamless navigation.
Centralized access to user history and saved bookmarks for seamless navigation.
Centralized access to user history and saved bookmarks for seamless navigation.
User Profile UI
User Profile UI
Prototype
Experience the thrill of time travel with FUTURA app prototype, while we await the discovery of the real thing.
Experience the thrill of time travel with FUTURA app prototype, while we await the discovery of the real thing.
Experience the thrill of time travel with FUTURA app prototype, while we await the discovery of the real thing.
User Profile UI
Outcome
Outcome
I was selected for the Product Design Intern role at Fampay. This opportunity allows me to contribute my skills to innovative projects and gain valuable experience in the field of product design, enhancing my professional growth.
I was selected for the Product Design Intern role at Fampay. This opportunity allows me to contribute my skills to innovative projects and gain valuable experience in the field of product design, enhancing my professional growth.
I was selected for the Product Design Intern role at Fampay. This opportunity allows me to contribute my skills to innovative projects and gain valuable experience in the field of product design, enhancing my professional growth.
I was selected for the Product Design Intern role at Fampay. This opportunity allows me to contribute my skills to innovative projects and gain valuable experience in the field of product design, enhancing my professional growth.
More Work
More Work
More Work
More Work
Hackathon
Mobile App
Adobe Designathon Runner up
Adobe Designathon Runnerup
Adobe Designathon Runner up
Adobe Designathon Runner up
Second Rank in Adobe Designathon. I designed UX for an app enhancing visitor experience in botanical gardens through interactive guides.
Second Rank in Adobe Designathon. I designed UX for an app enhancing visitor experience in botanical gardens through interactive guides.
Second Rank in Adobe Designathon. I designed UX for an app enhancing visitor experience in botanical gardens through interactive guides.
Second Rank in Adobe Designathon. I designed UX for an app enhancing visitor experience in botanical gardens through interactive guides.
Internship
Fintech B2B
xPay Design System
xPay Design System
xPay Design System
Established a design system for xPay, improving design-to-dev handoff by 25%, enhancing efficiency and consistency.
Established a design system for xPay, improving design-to-dev handoff by 25%, enhancing efficiency and consistency.
Established a design system for xPay, improving design-to-dev handoff by 25%, enhancing efficiency and consistency.
Established a design system for xPay, improving design-to-dev handoff by 25%, enhancing efficiency and consistency.
