Planit
All your itinerary details organized in one app.
End-to-end mobile app case study.
The Challenge
Traveling is stressful. Especially for inexperienced or disorganized travelers, people struggle with the complexity of planning a trip. There are too many apps on the market that do one thing, but not all things.The lack of a unified tool leads to information overload, inefficient scheduling, and last-minute uncertainty, making the experience stressful rather than enjoyable.
The Solution
A single app that streamlines planning with an all-in-one tool for itineraries, lists, and budgeting, ensuring a smooth travel experience.
Through user interviews and a competitive analysis, I was able to categorize and organize their motivations, needs, and pain points.
The Approach
Define
Test
Empathize
Ideate
Prototype
Iterate
This led me to ask...
How Might We...
Help the user have a more pleasant experience when organizing the itinerary and logistics of a trip?
Sitemap
With the research data, “How might we” question, and feature set in mind, I created a sitemap...
I wanted to jump in to the wireframes then, but I first needed to know which features were crucial for
an app that made itinerary organization a pleasant, stress-free experience.
And so, referring to the data I acquired from research, I created a feature set.
A user flow...
User Flow
Task Flow
And a task flow.
Low-fidelity Wireframes
I started with some low-fidelity sketches to create an intuitive and simple UI.
Mid-fidelity Wireframes
After receiving feedback, I designed my mid-fidelity prototypes to best reflect the feedback I received. I wanted the user to be able to access all the menu items easily, so instead of opting for a hamburger menu, I opted for a static navigation bar so they can switch to whichever screen they want to go from wherever they are in the app.
Results: High-fidelity Wireframes
I went with the orange as the primary color because it contrasted well with the dark blue-black background. Instead of the save button in the text editing screens, I opted for a back button so that it would automatically save their inputs.
Design Decisions
I wanted the design system to be simple and pleasant to the eyes. As for the mood of the app, I wanted to convey “Travel” through my choice of typeface and color. I went with Raleway for its modern but elegant look. For my color palette, I went with a dark blue-black in order to add a sense of depth with the orange and light orange-yellow to depict the setting sky.
Iterations
After conducting user testing with 5 participants, I changed the chevron from the Overview screen to a button. I also added a label to the other buttons in order to further clarify the function of each button.
Concluding Thoughts
Moving forward, I believe there is room for improvement and more options to explore with Planit. Perhaps there are other facets of travel organization that I failed to include or dive deeper into. Or, does the app offer too little? Those are all questions that I think about when I look at the final prototype.