Gabriela Lopez Portfolio

Gabriela López

Work

About

Let's talk

Gabriela López

Work

About

Let's talk

Gabriela López

Redesigning Travelocity - Speed, Scale, and Seamless Experience

Functional role

Principal mobile designer

Scope

Smartphone & tablet design

Team

PM · External developers

Responsibility

End-to-end experience

Problem

The existing app was built without UX input, visually dated and difficult to use, with excessive content and poor readability across mobile and tablet.

Overview

Travelocity, an online travel agency owned by Expedia Group, undertook a redesign its mobile app and create a tablet version. As principal designer, I worked with a project manager and external developers to deliver a streamlined, user-friendly experience across devices, improving navigation and booking flows.

Travelocity, an online travel agency owned by Expedia Group, undertook a redesign its mobile app and create a tablet version. As principal designer, I worked with a project manager and external developers to deliver a streamlined, user-friendly experience across devices, improving navigation and booking flows.

Approach

Started with a content audit and competitor analysis, then redesigned mobile-first before adapting to tablet.

Key decisions

Brand alignment

Used the gnome as a journey companion, not just a mascot - placing it at key moments throughout the search flow.

Flash-to-detail-cards

Price, times and stops at a glance - expanding inline to reveal connection details without leaving the results page.

Persistent search bar

Consolidated all search inputs into a single persistent bar - letting users edit destination, dates and guests from anywhere without starting over.

Impact

As the sole designer, I defined the UX direction from scratch - replacing a developer-built product with a design-led experience across mobile and tablet.

Shipped in three months, the redesign was adopted across the organization including the web team, and launched to high initial ratings. It established the design foundation Travelocity scaled from.

As the sole designer, I defined the UX direction from scratch - replacing a developer-built product with a design-led experience across mobile and tablet.

Shipped in three months, the redesign was adopted across the organization including the web team, and launched to high initial ratings. It established the design foundation Travelocity scaled from.

Design highlights

Mobile & tablet designs side by side

Hotel detail page - imagery with key info in a single scrollable view

Flight results - price, times and stops at a glance, expanding inline for full details

Date picker - inline calendar keeping the gnome companion visible throughout the search flow

Hotel results - card list with price and rating at a glance, map accessible inline

Home screen - simplified entry points for flights, hotels and cars with the gnome as companion

Before and after - original UI vs. redesigned experience

Wireframes artifact for the mobile version

Mobile & tablet designs side by side

Hotel detail page - imagery with key info in a single scrollable view

Flight results - price, times and stops at a glance, expanding inline for full details

Date picker - inline calendar keeping the gnome companion visible throughout the search flow

Hotel results - card list with price and rating at a glance, map accessible inline

Home screen - simplified entry points for flights, hotels and cars with the gnome as companion

Before and after - original UI vs. redesigned experience

Wireframes artifact for the mobile version

Mobile & tablet designs side by side

Hotel detail page - imagery with key info in a single scrollable view

Flight results - price, times and stops at a glance, expanding inline for full details

Date picker - inline calendar keeping the gnome companion visible throughout the search flow

Hotel results - card list with price and rating at a glance, map accessible inline

Home screen - simplified entry points for flights, hotels and cars with the gnome as companion

Before and after - original UI vs. redesigned experience

Wireframes artifact for the mobile version

PREVIOUS PROJECT

Zimmer Medical

NEXT PROJECT

AI Portfolio

PREVIOUS PROJECT

Zimmer Medical

NEXT PROJECT

AI Portfolio

Designed in Figma · Built with Claude Code