![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4a2564196350255.662e6e6c6a9a4.jpg)
Roamer(s): Travel Made Easier for Everyone
Mobile Travel App: Case Study
The Problem
It can be hard to plan a trip and travel, and even harder to do so with others. The main pain points lie in how groups communicate, budget, and how the customer creates/receives packaging deals and accommodations.
The Solution
We believe in designing an app to travel with others for families and friends, or everyday users who travel together, we will achieve user accessibility for groups of people.
Tools
Figma, Miro, ProCreate and Google Docs
Contributors
Roxanne Reynolds - UX Researcher and Designer / UI Designer
Garrett Martin - UX Researcher and Designer / UI Designer
User Research
Proto-Persona
![Proto-Persona of Keven Kelly](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/70ecd4196350255.66252b634335a.jpg)
Interview Plan: Script
Research Question: As a user researcher, I want to understand behaviors and pain-points when planning trips with a companion or large groups.
Openers: Hello my name is Garrett Martin I am a UX/UI designer. I am conducting interviews to understand the pain-points and behaviors of planning a trip with a companion or large travel groups. All answers and input are valued - no such thing as judgment or stupid responses.
1. Let’s start with you telling me a little about yourself.
2. Can you walk me through your morning routine?
3. Are there any specific websites or apps that you like to use when you plan a trip?
4. How do you feel when you start to plan your trips?
5. What’s your favorite part about traveling?
6. Tell me about the last time you planned a vacation.
7. In the perfect travel planning experience, what would you like to exist that doesn’t today?
Objective 1 - Accommodations: methods of travel, hotel, food, rental car, etc.:
8. The last time you traveled, where did you stay?
9. How did you commute around?
10. Are those your preferences?
11. What sites or apps do you use to find hotels, rental cars, BnBs, trains, food, bars?
12. Can you walk me through how you use those sites?
Objective 2 - Communication methods:
13. What pain points have you experienced when planning a trip with someone else?
14. How do these affect your planning and travel experiences?
15. Who do you usually travel with?/What is your relationship with them?
16. Walk through the process of planning a trip with others? Any messaging apps or sharing methods?
Objective 3 - Finances:
17. How do you budget for a trip? 18. Walk me through how you compare prices. Hotels, planes, gas stations?
19. Walk me through a time when you split payment with another travel companion.
Thank you so much for your time. You provided me with a lot of helpful insights and we truly value your time.
Interview Transcripts:
"I think it would be cool to have an app that brought all of the travel planning into one central location." - RR
"It's a ton of time and I have to keep coming back to it and I forget what I'm doing. I have to start over and it takes forever. It's stressful and you can't get it done in one day." - LW
Affinity Diagram
![Affinity mapping based on user interviews for mobile travel app.](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ad5c19196350255.66252b6343d1d.jpg)
Empathy Map
![Empathy map based on user research and interviews.](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/66f75b196350255.66252b6344419.jpg)
User Persona
![User persona of Joe Hendrix based on user research.](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e2647e196350255.66252b634383f.png)
Definition and Ideation
User Insight Statement
Joe is a full-time lawyer, who loves to travel to new and interesting places in his free time. He has a big family, all his partner's kids are in their early to late 20s. He loves to take his family on trips to see other family around the states. He also loves to go on trips with his own friends and brother. He’s a generous guy who loves adventure.
Problem Statement
We believe designing an app to travel with others for families and friends, or everyday users who travel together, we will achieve user accessibility for groups of people.
Value Proposition Matrix
My organization Roamer(s) is developing an in-app total experience to help travelers and groups solve communication and budgeting issues for traveling the world.
We’re better because everything you need is within our app.
We’re believable because our customers are repeat customers.
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/037ab6196350255.662e6ab999481.jpg)
User Scenario
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/52b34e196350255.662e6ab99ccdc.jpg)
Storyboard
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c580eb196350255.662e6ab99f272.jpg)
User Journey Map
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/0d72a2196350255.662e6ab999f44.png)
User Task Flow (Excel File)
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c85f26196350255.662e6ab99c4c0.jpg)
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b2fea9196350255.662e6ab99d496.png)
User Flow (First, Second, and Third Iteration)
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/6ca97b196350255.662e6ab998bc4.png)
User Flow 4th Iteration
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/disp/e9f755196350255.662e6ab997763.png)
User Flow Final Iteration
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/eefe6e196350255.662e6ab9981af.png)
Iterations and Feedback
After the first flow we realized we needed more bulk for onboarding and signup.
Feedback from others was that there wasn’t enough information when circulating through the entire app, it wasn’t enough.
We came to our final Iteration and then made our first lo-fi wireframe which gave us more indication of additional pages of flow to add. You will see that in module 3.
Prototyping
Competitor Analysis
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/eee7ba196350255.662e6ab99a7ba.jpg)
Wireframes
Sketches
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/ad6b5f196350255.662e6ab99fb78.jpg)
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7f7b86196350255.662e6ab99b954.jpg)
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/503523196350255.662e6ab99dda1.jpg)
Lo-Fi Wireframe Iteration 1
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2b0e31196350255.662e6ab99b0ac.jpg)
Lo-Fi Wireframe Iteration 2
![Case Study ux/ui design UX Research ui design Prototyping empathy affinity diagram Travel App Mobile Travel App](https://mir-s3-cdn-cf.behance.net/project_modules/1400/608101196350255.662e6ab99e919.jpg)
Lo-Fi Wireframes
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/6724a8196350255.662e6ab3e4b1c.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/e242fe196350255.662e6ab3e59aa.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/0b4c64196350255.662e6ab3e6a45.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/fd6665196350255.662e6ab3e7567.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/592a4e196350255.662e6ab3e6fe8.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/380ba3196350255.662e6ab3e9bdf.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/d09f63196350255.662e6ab3e53f1.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/c22571196350255.662e6ab3e888f.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/c9f6c2196350255.662e6ab3e973c.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/94dfba196350255.662e6ab3ea3f4.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/992aad196350255.662e6ab3e7acf.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/31172f196350255.662e6ab3e8002.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/bfbc25196350255.662e6ab3eb397.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/cd32d6196350255.662e6ab3eabbe.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/444fdb196350255.662e6ab3e9260.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/fd8d6f196350255.662e6ab3e8d99.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp_webp/b9c575196350255.662e6ab3e61d4.jpg)
Lo-Fi iOS Prototypes
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/3bd722196350255.662e6ab69602a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/fb5aa1196350255.662e6ab6952fe.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/e263ab196350255.662e6ab696507.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/bfed18196350255.662e6ab695847.jpg)
Lo-Fi iOS Clickable Testing (vid)
Lo-Fi iOS Clickable Prototype
Iterations and Feedback
We slowly progressed using the user flow to create low-fidelity wireframe. We eventually added more details for the onboarding process and the checkout process.
After feedback from the teacher and family we have made the buttons larger, and started to work on making is IOS accessible. That will be shown in module 4.
Final Thoughts and Conclusions
Final thoughts on this process of making a traveling app were immense. There was so much learned from the research and definition/Ideation phase that helped develop the flow and wireframing stages.
Overall we think that after iterations and feedback, the app worked fairly well, and was a success.