Expedia’s Reward Program

What does it mean to be a part of expedia+?

threescreens_hero.png
 

My role

I worked closely with the UX lead, Product owner, and content strategist for this work. Everyone was involved in ideation after which I lead the exploration and finalization of visual assets.

Skills Used

  • interaction design

  • visual design

  • information architecture

  • annotated wireframes

User problem

  • The Expedia rewards program relaunched in 2014 as Expedia+ with a variety of new benefits.  A user research survey in early 2015 showed that 80+% of our new members didn't know their status or understand their unique set of benefits (both the opportunities and limitations).

  • Sadly, even silver (second-tier) members only had 50% awareness that they had achieved their elite state or what it meant for them.

  • Our initial "How it Works" page was causing from a shocking 21.55% bounce rate. This page was a centerpiece of the Expedia+ launch and featured an immersive, high-touch parallax scrolling experience interposing aspirational imagery and program details. It served as the welcome mat for and primary means for customers looking to understand the program--and it was struggling.

Improvement #1: Fix the “How it works” page

  • We chose to find some “quick” wins with the how it works page to improve bounce rate. Everyone on the team was familiar with the page and had strong opinions on what wasn’t working, so we held a 3 hour brainstorm/sketch session with all disciplines involved - product, content strategy, visual, and ixd. Everyone sketched solutions that could be implemented to help with the how it works page.

  • We Came out of the meeting with an agreed up design and myself and the visual design made the specs, handing off to the devs by the end of the day.

  • Results: These changes resulted in a +13.3% increase in acquisitions and 74.8% reduction in abandons from that page. Annualized, these improvements account for +$1.5M in gross profit. See the live page here.

Final comps

Howitworks.png

Improvement #2: Creation of rewards Tier pages

  • A longer term vision to help address user’s lack of awareness for the rewards program and what it involved led us to creating three stand alone pages -one for each specific tier of the program  (Blue, Silver, or Gold). When a user clicked on the tier page they’d be taken to the page that corresponds to their current tier.

  • We brainstormed and ideated on the best way to do this and internally user tested as we iterated to make sure the pages were clear.

  • Results: When the new tier pages launched we saw not only an increase in conversion but also increased engagement rates for both new and established users compared to users’ . See the live pages: Blue, Silver, and Gold.

Brainstorming

Our initial sketches for the Tier pages were content first.

Our initial sketches for the Tier pages were content first.

An exercise we like to do called “Think/Feel/Do” helps set up the story our eventual design will try to tell.

An exercise we like to do called “Think/Feel/Do” helps set up the story our eventual design will try to tell.

Final comps

Our responsive tier pages. From left to right: Blue, Silver, and Gold.

Our responsive tier pages. From left to right: Blue, Silver, and Gold.

Our responsive design on desktop. This example is the Gold page.

Our responsive design on desktop. This example is the Gold page.

Looking back

what went well

  • Spending a few hours and getting a better user experience out the door the same day was fun and successful. I always enjoy when every skillset can be involved in designing because we are ALL designers.

  • This was at a time when designing mobile first was still new to the company and we had nothing but encouragement to design the new pages this way - which was wonderful as we had more time to have discussions about other design aspects.

Where we could improve

  • The loyalty product at Expedia is a tricky one because the benefits themselves are not straightforward and an easy hook. This made it challenging to explain to users what benefits they have and why they should care.

  • While I am happy we were able to find space to tell the full story, I constantly think of the phrase “meet the user where they are” and by making stand alone pages - we went against that.