Really exciting to be part of this integration project. View Reservations is a hub page for aa.com and is the most visited page on the site.

My goal is to organize the page's existing content so tools are easier to find along with eliminating much of the bloated copy for error messages/prompts. With over 30 possible modules that could appear on the page, this is a massive rebuild. Due to release in May of 2015, support for IE8 has been dropped allowing more flexibility and freedom in the design and interactions.

Included are some screenshots of existing solution for aa.com and the prototype in development.

 

 
American Airlines
Mobile Find your trip page
Mobile Find your trip page
mobile-view-res-03.png
Your trip (formerly 'View reservations')
Your trip (formerly 'View reservations')

New branding standards and new UI shown in this hi-fi wireframe for each of the more than 30 modules on this page

View reservations (before rebuild/rebrand)
View reservations (before rebuild/rebrand)

Snapshot of the site's main hub, "View reservations", before the rebuild/rebrand effort began. 

My trips (formerly 'My Reservations')
My trips (formerly 'My Reservations')

Updated UI for showing status on your most recent trips. 

My Reservations (before rebuild/rebrand)
My Reservations (before rebuild/rebrand)

Snapshot of the My Reservations page before the rebuild/rebrand effort began.