Wanderlust: A Case Study

UX/UI Design, Prototyping

Client
Wanderlust
My Role
UX/UI Design, Wireframing, Prototyping
duration
August 2021 - September 2021

Overview

Wanderlust is a traveling mobile app that focuses on optimizing users’ overall travel experience by allowing them to create, customize, rate, review, and share itineraries. Traveling, in any distance, can sometimes be stressful when it’s your first time visiting a new location, don’t have time to plan, or even just discovering new spots to check out. Wanderlust offers shared itineraries to help provide users with an organized schedule based on their specific filter/constraints such as: demographics, duration, number of people, destination, budget, etc.

Key Question
How would we aid first-time as well as experienced travelers in planning their trip for both short and long distance travel?

User Personas

The 3 main traveling groups that would use the Wanderlust app include first-time travelers, lone travelers, and introverted travelers.

Competitive Analysis

We analyzed 3 different competitors including Tripit, Tripadvisor, and Airbnb. While there are many similar traveling apps to Wanderlust, we've narrowed it down to the most well-known app in the Apple App Store.
*Note: We also analyzed Expedia, Yelp, and Reddit, but did not include them in our final 3 due to time constraints.

Style Guides & Low Res Wireframes

After conducting the competitive analysis of 3 different competitors, we decided to go with a dreamy and sophisticated theme with an emphasis on minimalism. We were most inspired by Tripit’s startup page and login page, Tripadvisor’s navigation bar, as well as Airbnb's wishlists page and reviews page.

Beta Prototype

User Testing

After finishing the first prototype of the mobile version of Wanderlust, we conducted user testing with Team High Fives. We gained useful feedback from the team critique session with Team High Fives as well as our Teacher Assistant (TA).

Final Prototype

Reflection

Since this was my first time using Figma in addition to this class being a summer class, I’ve learned a great deal about literally everything. I’ve learned that I could make a scrollable page without creating multiple frames, how to link buttons/pages, how readability and clickability are very important, how to make a working button, etc. It was helpful to play around with the program as well as look up instructions on how to do certain things on Google/YouTube.

Next Steps

Due to this class being a summer class, we had very limited time on completing the project. If we had more time, I would make the pages scrollable, make a working filter and budget slider, make the addresses clickable which take users to Google Maps, as well as make a pop-up tutorial for first-time users that shows them how to use the app when they first open the app.