Checkout

I was a designer on the Expedia checkout refresh project, specifically the traveler preferences section. An outside consultant had recommended that we explore a system that was based on gathering information at a traveler level instead of our current system which gathered information at a line of business level. My first responsibility was to examine the proposal and apply it to reality to make sure it would work. I ran it through many real life scenarios to evaluate it's validity. Eventually the system broke down. Once I proved that it would not support our business model I was in charge of designing a system that worked.

I have added a simple flow chart that I created to familiarize myself with the current path and analyze what the best path would be for the redesign. After much consulting with stakeholders, developers, designers, and others, I determined that our current path could be combined with some of the recommendations to form a streamlined user friendly system that improved upon our current experience.

The screen shots were chosen to provide a glimpse into the the complex scenarios that this system has to encompass. Expedia has 6 lines of business that can be bought independently or packaged together. It is absolutely imperative that whatever system I developed was able to support every single use case.

screen shots

Airport Code Page

The objective of this project was to create a better, easier, faster way for users to retrieve their desired 3 letter airport code and get back to their travel search. The existing page had a static feel and was very cumbersome. It contained a long static list of airport codes that were jumbled in with the city names and did not line up with each other. Scrolling down the 6000 pixel list was the only option to find your desired code.

The first thing I did was reformat the content into scanable columns. I did not remove the option of scrolling. I did, however add links for each letter that were anchored down the page. This way if your airport code was Xian Xianyang, China: XIY you could click the X at the top of the page and be taken directly to the codes that start with X. I also allowed users to sort the results by City, Country, or Airport Code. This provides them an intuitive, easy way to exercise some control over their experience and creates a more flexible tool. I also made the airport codes into links that autopulate the code into the desired location, instead of making the user enter it manually.

screen shots

Content Management System

To execute this project, another designer and I had to create the entire UI based off of requirements in the form of a spread sheet. After some brainstorming, we came up with a system that allowed us to deliver a product on time that met the business requirements. This tool replaced a myriad of email, online, and paper forms. It was a very significant upgrade that reduced the amount of work needed and greatly sped up the process of entering inventory content. Included in this project was a complex prototype for user testing. I did a lot of the CSS and HTML scripting for this prototype, integrating things like hidden divs, which allowed a more cohesive, user friendly experience.

screen shot 1
screen shot 2
screen shot 3
screen shot 4

Production templates

I designed a series of hotel and package templates which contributed to the retail teams flexibility and increased efficiency. By creating a true template system that was focused less on imagery and more on pricing, we were able to signifigantly reduce the amount of design time needed for each promotion. This freed up our designers to focus on and innovate in other areas. These templates also helped provide the promotion pages with an established, identifiable, cohesive Expedia branded feel.

deals template
single destination
multiple destination

Promotion page templates

I was assigned the task of creating a series of inspirational, destination templates for the promotions team at Expedia. These pages were meant to provide the flavor of the destination and inspire people to travel there. I was in charge of page layout and image selection.

During this project a devastating hurricane hit the Yucatan peninsula. Expedia decided that we should do something to help the region. We sent supplies and money to the area in support of the recovery efforts. We also created an online promotion that served not only as a way to boost tourism dollars to the area, but also a place where people could get up to date info on the state of the region. I was the designer for this project. This template was also used for New Orleans after Hurricane Katrina.

featured city template
Yucatan recovery page
multiple destination template - romantic
multiple destination template - ski
multiple destination template - Asia