top of page
TEbackground.png
  • LinkedIn

Travel Edit

A Movile App Case Study

Travel with a plan!

Overview

Our objective was to design a contemporary mobile app that assists users in planning their next trip. Our users crave a stress-free and worry-free travel booking experience.

We are confident that we can help people organize secure trips with ease through a mobile application that enables them to browse reviews, receive recommendations and business details, book reservations, and construct travel itineraries.

Problem: Users want a less stressful way to plan their travel.

Solution: Travel Edit helps users to plan their travels by having everything in one location. Including reviews, suggestions, information (hours of operations, cost, etc.), where to book, and the ability to build an itinerary feature.

TESuccess.png

UX/UI Designer

My Role

Figma, Miro, InVision, JigJam, Zoom, Slack and Otter.ai

Tools

Hypothesis: By providing users with a one stop shop for their travel planning, they could make smart decisions and stay organized.

TEHypothIcon.png

Methodology:
Answering these two questions was our main focus:
1. Who are our users?
2. What are their main pain points?


To address this project, we employed the subsequent methodolog
y.:

User Research

Definition & Ideation

Prototyping

Testing & Iteration

TEMethodologyIcon.png

User Research

We began our user research by conducting six user interviews. This allowed our research team to gain insights into our behavior, thought processes, and needs.

User Interviews

Ideal Users

The ideal participants for our research would be all people who are planning to travel for work or leisure.

TEIdealUser.png

Reseach Goals

We set three main research objectives, to narrow down and identify the factors that motivates users to be physically active:

TEGoals1.png

1. What people consider when planning 

2. How do people plan their activities for their travel

3. What motivates people to travel

Interview Research Analysis

To gain insight into what motivates individuals to engage in physical activity, we conducted online interviews with potential users.

To improve our comprehension of the data we collected during our interviews, we arranged the feedback we received into an affinity diagram.

TEaffinity.png

Persona

We developed our proto persona into our user persona based on user insights and analysis.

TEProtoPersona.png

Isabelle's Pain Points

  • Wants helps to plan a trip with her friends

  • Overwhelmed by travel apps and websites

  • Booking information can be confusing and wordy

Definintion & Ideation

To empathize with our user ‘Isabelle Bray’ better we created a storyboard. The storyboard helped us to define her user journey and getting to know Isabelle better.

Storyboard

TEStoryboard.png

User Journey

TEUserJourney.png

Value-Proposition

The value-proposition canvas helped us with visualizing how our product would fit in the market. The value of the product lies in the ability to benefit the user and alleviate issues.

TEVP.png

Competitor Analysis

The competitor analysis helped us to identify our competitors and evaluate their products to determine: Strengths, Weaknesses, Opportunities & Threats. We examined 3 direct and 1 indirect competitors. (Direct: Expedia, Kayak and Trivago. Indirect: Vrbo.

The competitor analysis helped us to: evaluate the major competitors, examine our product standing, and consider innovations to stand out.

TeCompetitorAna.png

Ideation & Brainstorming

Our team collaborated to integrate the persona, user journey, and research findings to establish a list of requirements for our product. The Feature Prioritization Matrix proved to be a useful tool in organizing features that would offer the greatest value to both the user and the stakeholder.

TEPrioritizationMatrix.png

Our Focus: High impact/Low complexity

TEIB1.png

1. Interactive map

2. Budgeting feature

Prototyping

3. User reviews & ratings

After reviewing the outcomes of the ideation and definition process, we established a list of prioritized features. To begin this process, we crafted a user flow:

TEUserFlow.png

Low Fidelity Sketches

Keeping Isabelle and her pain points in mind, we started the prototyping process by sketching on paper. We then performed preliminary user testing by importing the sketches into Figma and created hot spots.

Mid-Fidelity Wireframes

TESketches.png

Following the completion of the sketches, we utilized Figma to produce mid-fidelity wireframes. To ensure that the design was user-friendly, intuitive, and effective, we conducted multiple usability tests.

Here is a user flow that presents recommendations to review:

TEMid.png

Testing & Iteration

To receive valuable feedback on our design, we conducted one-on-one online usability testing of our mid-fi prototype. This process revealed areas for potential improvement, identified pain points, and validated some of our decision-making. We assigned our users four tasks to complete:

TEtest1.png

1. Sign Up

2.  Reset Password

Success Rate: 90%

Success Rate: 90%

3. Locate Suggestions

Success Rate: 66%

Usability Test Findings

After gathering all of the usability test data, we carefully examined it to uncover insights into our users' pain points. We organized the feedback we received by frequency of responses and identified critical issues that required immediate attention. This approach allowed us to fulfill our objective of developing a product that prioritizes the needs of the user.

TEUsabilityTest.png

Iterations

TEIteration1.png

Added a Call-to-Action button on splash page

Added text tiles to icons

Added a hero image and categories

Hi-Fidelity Prototype

After reviewing the outcomes of our usability tests on the mid-fi wireframes and making any required adjustments based on the results, we moved forward to the subsequent phase of our design process, which entailed crafting high fidelity prototypes.

Style Guide

We started off by working on our style guide. An ombre from blue to a sand color was chosen as our primary colors, as it signified the sky and earth.

TEStyle.png

Final Product - High Fidelity

TEFinalProduct.png

High Fidelity Prototype in Action

Next Steps & Reflections

TESketch.png

From this project, I gleaned valuable insights, and I would like to highlight three lessons:
Firstly, research is a critical component of product development, and I wish we had more time for it. Remote moderated interviews and online research aided in identifying our app's requirements.


Secondly, continuous testing and iterations are vital for improving the app. As the app designer, I may become subjective and biased. Thus, user testing and interviews are irreplaceable in gaining a real-world user perspective.


Lastly, starting over can be a necessary part of the process and is sometimes the best way to progress.

TEThankYou.png

More Projects...

CONTACT ME

Hi!

Let's work together. Feel free to drop me a line and say "Hi." I look forward to hearing from you. 

Have a great day!

Thanks for submitting!

  • LinkedIn

Get in Touch

309-235-6352

  • LinkedIn
bottom of page