Alaska Airlines Check-in screens for smartphone, tablet, and desktop devices.

Alaska Airlines Check-in

Modernizing An Essential Step In Air Travel

When you fly with an airline, check-in can be a major step in your journey. The act of checking in provides you with your boarding pass. What you may not know is that it also triggers numerous behind-the-scenes operations for you to have a safe and smooth travel experience. The best airlines in the world make check-in seamless for guests.

At Alaska Airlines, I led the design for an overhaul of the legacy check-in system on the website. I created partnerships to overcome obstacles, and I defined a new process for holistic collaboration. This project is Part 1 of how to create a better check-in experience for airline guests.

3D image of an iPhone displaying a boarding pass alongside a seashell and a San Diego, CA brochure.

New Check-in responsive website.

My Role as Senior Product Designer

  • Wireframing
  • Prototyping
  • UX-UI design
  • User testing
  • Design project management
  • Design Operations

Design Tools

Figma app icon.
Figma
Adobe Creative Cloud icon.
Photoshop,
Illustrator

Timeframe

Autumn 2022 - Spring 2023
Part 1: Modernization
THE REQUEST

Alaska Airlines needed a new check-in solution to replace its legacy system on its website.
The business request included:

METHODOLOGY
The Double Diamond framework with a summary of my involvement
DISCOVER
Internal interviews
Cross-team kick-offs
Research collection
Customer needs
DEFINE
Research and data analysis
Problem statement
Process improvement
Feature sets
Development
Brainstorming
Wireframing
UX-UI design
Prototyping
Deliver
User testing
Design revisions
Final UX-UI
Engineering collaborations
..........................
DESIGN IMPROVEMENTS
Simplified Check-in

Guests may now review their info and check in with just one step to get their boarding passes.
No more traversal through six or more screens in the simplest of scenarios.

Wireframe of check-in improvement from multiple steps down to one.
The new Check-in user flow with fewer steps.
Updated Styles

The new Check-in uses Alaska's modern brand styles from its design system. This retired the legacy system's outdated styles, ensuring that guests receive a holistic user experience across all webpages.

Legacy styles vs. updated design.
Style guide colors and font.
USER TESTING

I partnered with a UX Researcher, who moderated interviews via UserTesting.com. I created high-fidelity prototypes, allowing users to test either the Desktop or Mobile Web experience. At the same time, I taught junior designers how to create Figma prototypes and oversaw their work.

Our new system was named "Express Check-in" to differentiate from the legacy one. The research results yielded successful outcomes. Testers encountered no problems with completing tasks all the way to the end. We made sure to include scenarios where testers entered incorrect or incomplete info, and our error messaging and alerts clearly led testers to the correct solutions.

User testing helped us discover a potentially confusing issue as well as recommend improvements to the related fee payment system.

"Express Check-in is like a one-click process. Like one-click checkout.""Express Check-in was easy enough. The layout is a lot nicer than the other one. I like having the Express Check-in option.""It's all on one page, versus all of the screens that I'm used to going through. I like this a lot more."
FINAL DESIGN
Mobile Web design of the Check-in Summary page.Mobile Web Check-in boarding pass design.
RESULTS & IMPACT

The new Check-in system was rolled out in spring of 2023, just in time for the busy summer travel season.

We hit the sweet spot of meeting the needs of our guests, of our business, and of our engineering teams.

  • Alaska Airlines travelers benefited from a cohesive check-in system across platforms
  • Guests and company leaders expressed delight with Express Check-in's faster process
  • All check-in screens were updated with current brand styles
  • All designs were updated with design system tokens and components
  • Modernizing the system paved the way for building better guest experiences in shorter timeframes