Quantum
A hypothetical e-commerce travel website.
Overview.
Project Type: UX/UI Design
Toolbox: Figma, Google Docs
Timeline: April 2022 - July 2022
Goal: Create a hypothetical, responsive e-commerce website that introduces a new travel concept and allows users book trips.
What is Quantum?
Virgin empire has been able to make time travel tourism available to all via Quantum.
After years of research, discussion, and deliberation, officials announced the International Concordance on Time Travel, giving Quantum a set of standards to under which they can democratize the experience of time travel.
A total of 289 destinations all over the world, up from prehistoric times through today.
Selected because of their safety.
Destinations are only in the past.
My Role.
Design a responsive e-commerce website that is easy to use and allows customers to browse through all different trip categories and details.
The Challenge
Designing an e-commerce website for a business that does not exist.
Qualitative Research
Competitive Analysis
After analyzing competitors of Quantum, I came to the conclusion that the following are the most important features to have ~
Filters
Reviews
List of Destinations
Photos
Cool UI
Interview Questions
I interviewed 3 participants to understand their experience in depth with booking trips through travel websites. Throughout the interviews, I was able to determine some user goals, needs, motivations, and frustrations.
Project Goals
Information Architecture
Card Sorting
I decided to do my card sort on the different features I plan to include on my website. I wanted to understand what users thought would be in the same category/related to each other. This helped me grasp an idea of what to include on the homepage and the subcategories.
I conducted an open card sort, meaning, I had participants group together the cards to their liking and label them as they please.I was able to collect responses from 6 participants. When analyzing the results, I was able to determine useful categories. For example ~ “Connect”, “About”, “Profile”, “Reservations”, “Payment”, etc.
Sitemap
User Flow
Sketches
Digitized Wireframes
Responsive Wireframes
High Fidelity Wireframes
Prototype
Usability Testing
I had four users explore the website and app and give me their feedback. Three users did user testing remotely and one user I observed in person. I gave each user the task to book a trip to the Roaring 20’s - United States. After observing and collecting the results, I concluded the following ~
Iterations Needed
No need for the World Map feature - very complicated and the “View All” feature will suffice
Can fit more information on one page - too much unused space, some text and areas are too large
Some text needs to be enlarged - too small
Final Case Study Presentation
Reflections
Quantum was my very first start to finish UI/UX Design project and I definitely learned a lot. I found it difficult to stay organized with all the different elements I was putting together. Throughout the duration of the project, I found myself going at a slower pace than I intended because I am a bit meticulous with my work and kept fixating on the small details and taking the time to fix them. I learned that it is important to create rough drafts and general flows and layouts first because finer details can always be fixed later.
It was very interesting getting to conduct the full UX design process on my own. The UX research was difficult at times when trying to find people to collect data from. However, the results are very rewarding. I am very excited to learn, grow, and get better at UI/UX design in my future projects! :)