Liz Gatapia
thumbnail.jpg

Travel Inspiration

 

Creating travel inspiration

 

With WestJet looking at re-imagining all their digital platforms, Mobile Apps team started exploring ways to improve our KPIs for both Android and iOS. I was tasked to redesign the current inspiration phase called “dream”.

Please be mindful that I removed some of the confidential information to protect the company.

 
 
intro-image2.jpg
 

MY ROLE

I led the redesign of the new inspiration phase for the WestJet app across both iOS and Android platform.

Guest Insights

I partnered with a dedicated researcher to discover shopping habits and expectations. I drove the objectives of the investigation, and extracted key insights from the research data that eventually helped me shape the strategy.

Ideation

I came up with ideas that addressed pain points from key insights, and set up collaboration sessions with product owner, another ux designer and a tech lead.

User experience strategy

After conducting various investigations of current user flow, I worked on an empathy mapping to acknowledge customer behaviours, and turned the pain points to opportunities.

Inspire experience leadership

I prototyped and presented ideas to gain support from senior mobile apps team stakeholders and other partner teams.

Product feature definition

In partnership with another product owner I drove the scope of features and balanced user perspective with team KPI goals. I worked closely with engineers to validate feasibility of ideas and make informed decisions based on service dependencies.

Design and Prototype creation

I designed an elaborate user journey, prototyped the experience, and created a high fidelity vision for the UI design of the new experience.

 

THE CHALLENGE

After looking at analytics data, we realize that Dream’s traffic and conversion rate is on the low side. The goal of this investigation is to design & develop an inpiration phase that will enhance the guest experience and increase conversion to the booking process.

The experience for the current “Dream” inspiration phase.

The experience for the current “Dream” inspiration phase.

 

INSIGHTS

Using guest and market research, I extracted the following key insights which helped me shape the direction of the solution.

Explore with travel apps

Guests use travel apps to explore ideas for potential flight or trips ideas.

Comparing ideas

Guests use apps for for searching but often complete bookings on a computer due to comfort, ease of comparing using tabs.

Higher Tiers (Silver, Gold, Platinum)

Shopping Habits:
• Checking Rewards status
• Flights Status
• Checking-In
Expectations:
#1 Rewards
#2 shortcut to trips,
#3 recent or common routes

A Destination in mind

Guests have intention to travel with a particular destination in mind

Inspiring content

Guests are currently not using the screen as its intended, and are not finding value in the content presented.

Lower Tiers (Teal and Non-members)

Shopping Habits:
• Flight status
• Checking-in
• Movies and TV
Expectations:
#1 ability to Search inspiration,
#2 access trips/travel info,
#3 Rewards

 

VISION

Travel is very personal, and so we want to provide guests with an inspiration phase that will empower them to build their next dream trip. We focused on tools that will spark ideas specific to each guests, and make it an easy process instead of overloading them with generic content.

 
 

THE SOLUTION

The following sections are the highlights of the strategy.

solution_image.jpg
 

FOR YOU

Guest who have most recent activities, notifications, trips coming up or saved items can now have a quick access from their main screen.

 
 
 

EXPLORE

Guests can now explore different destinations by region, price, flexible times, through their explore section.

 
 
 

SMART SEARCH

Guests can now search and explore a particular destination in mind easier and faster.

They can also now navigate through their favourite tools by recommending top tools that they interact with in a daily basis and in-context to their travel situation.

The search functionality will also recommend quick access to Trips, tracked flights, and favourites associated to the destination typed in the search bar.

 
 
 

DESTINATIONS

Guests can now explore travel ideas such as hotels, activities and low fares for each destination.

Users can now quickly access tools associated to a specific destination such as upcoming trip, tracked flights and saved filters.

They can also now save selections to compare multiple travel ideas.

 
 
 

DESIGN PROCESS

Design foundations

Using guest insights, I came up with design principles that will keep my design decision making process grounded, and will also help me present rationales to my team and stakeholders.

 

Make travel personal
Allow each guests to curate their dream travel experience. Provide personalized solutions based on their expectations.

Make travel inspiration stage easier
Respect their time and attention by decreasing confusion, making process more intuitive and finding ways to deliver information faster.

Express our care for guests
Make guests feel important by recognizing their user needs & wants. Better alignment with user expectations & shopping habits.

Engaging content
Ensure that design and content attracts user’s attention and keeps them coming back. Projecting awareness of each persona’s interests through content.

 

Analysis of current user flows

• It currently takes about 3-5 steps for user to load a tool to start a task
• Majority have at-least 3 different ways to load the tool, which leads to heavy cognitive load, frustrated users, and maybe possibly abandonment.

Conclusion:
In contrast to these flows, the re-imagined landing screen will provide easy access to top functionalities guest are using, and prevent confusion by eliminating unnecessary steps.

current_userflow.jpg

Empathy mapping for current inspiration journey

Using insights from segmented profiles and voice of guest feedbacks, I created an empathy mapping that uncovered guest pain points under each step of the journey. These pain points led to opportunities to innovate.

inspiration_journey.jpg
 

Storyboards and paper prototypes

 

User flow for each scenario

Low fidelity wireframes helped me itirate faster while I worked with the engineers and the product owner.

Explore component user flow

Explore component user flow

Artboard 23.png
Artboard 24.png
 

Wireframes

Low fidelity wireframes helped me itirate faster while I worked with the engineers and the product owner.

Artboard 22.png
 

VISUAL DESIGN

As part of the overarching goal to re-imagine mobile app’s UX and UI, I designed a more refined and consistent set of system and product iconography, and drove the over all look and feel of each of the components while still taking in consideration some of the most important aspects of the WestJet corporate brand.

 

Product iconography

I designed a new library of product icons while taking into account the corporate brand guideline.

Artboard 26.jpg
Another set I designed for another experience of the mobile app.

Another set I designed for another experience of the mobile app.

 

Typography and colour

Font system styleguide for iOS and Android.

Artboard 28.png

Library of components

I started developing a living andbreathing library of components

Artboard 29.png
 

HIGH FIDELITY PROTOTYPING

After rounds of iteration during the wire-framing stage, I started creating prototypes to finalize the user flow and UI. This stage includes interactions and animations for transitions.

 
 

INTERACTION & MOTION DESIGN

To fully communicate my vision for the interaction element of the components, I created prototypes to demonstrate motions to the engineers. I provided in-depth specs for interaction design direction.

DOCUMENTATION & HAND OFF

I created documentation for each platform including iOS, Android, tablet to help communicate requirements to the development team and support QA teams in writing test cases.