← All Work
Global Hospitality & Loyalty Platform

Wyndham Hotels & Resorts | Rooms & Rates

Overview

Rooms & Rates is the last critical screen before travelers book a room, where they compare room types and pricing. As part of a 1.5-year effort to replatform Wyndham's entire website and mobile apps, I led the redesign of this experience across Wyndham's franchise ecosystem, weighing usability gains against conversion risk at the most sensitive step of the funnel.

Role
Senior UI/UX Designer, web replatform
Project timeline
~6–7 months (part of a replatform now preparing for launch)
Team
Product, Research, external partner team
Wyndham Hotels & Resorts

The Problem

Users struggled to compare rooms because of inconsistent pricing structures, dense content, and unclear hierarchy. Because Wyndham operates as a franchise system, room details and pricing vary widely from property to property, since franchisees own their own content. Previous redesigns by other designers had improved usability on paper but hurt conversion, so the organization had grown cautious about touching this flow at all. My own first redesign, A/B tested before the replatform and never implemented, ran into the same problem:

<1%
difference in desktop bookings
−5%
drop in mobile bookings

A bigger visual change didn’t move desktop bookings, and it cost us on mobile. That result shaped the approach that followed.

Past redesigns, including my first one, were big overhauls made without really knowing what was affecting the results. So I decided to launch new designs that match production fairly closely, then make incremental changes after launch.

Objectives:

  • Improve comparison: help users evaluate room types and rates side by side
  • Clarify pricing: build real hierarchy and differentiation between rate types
  • Reduce cognitive load at a high-intent decision point
  • Design for scale across a franchise system with variable content
Issues surfaced from past usability testing.
Annotated Rooms & Rates screen highlighting usability issues surfaced in past testing

Constraints

Franchisees own room & rate content, so descriptions and amenities are inconsistent property to property
Some rooms surfaced 5+ rate options, well past the 3–4 users could comfortably compare
No standardized naming convention for rooms or rates (e.g. redundant "non-smoking" labels on every room in an already non-smoking hotel)
Rate types lacked clear differentiation, making perks and inclusions hard to parse

Approach

I benchmarked how major hotel and travel platforms handle room and rate selection. Two dominant patterns emerged:

Pattern A

Single-page comparison

Marriott, Hilton, Hyatt, IHG

  • • Everything compared on one screen
Pattern B

Separated room / rate flow

Choice, plus OTAs like Expedia and Booking.com

  • • Extra navigation for deeper pricing detail

Given the booking flow's sensitivity to conversion, I focused the near-term solution on improving clarity within the existing single-step model, while exploring modal-based rate expansion as a longer-term direction.

Competitive benchmarking across major hotel and OTA platforms.
Competitive benchmark of room-and-rate selection across major hotel and OTA booking platforms
Earlier exploration wireframes testing flow and layout directions.
Earlier exploration wireframes

Design directions:

  • Limit the number of visible rate options per room
  • Improve scanability with larger imagery and simpler hierarchy
  • Improve the visibility of key interactions
  • Explore modal and layout variations to support scalability without adding steps
Exploring layout directions and updated design-system components.
Wyndham Rooms & Rates layout explorations with updated design-system components

Validation

After stakeholder alignment, we moved forward with an incremental approach, refining the existing list-based layout while deferring more experimental patterns for post-launch validation, given the conversion sensitivity of the flow. Before launch, I worked with our UX researcher on a usability gut check (UserTesting), comparing the new design against the live site. The goal wasn’t to optimize. It was to confirm nothing in the new design stood out as wrong for users.

Nothing raised a red flag. Most of the friction users raised was what we’d already seen on the original design:

What worked
  • ✓ Visual clarity and stronger imagery
  • ✓ Easier navigation
  • ✓ No new usability problems introduced
Known issues, still present
  • ○ About a third still had to open room details to compare, and inconsistent room naming made it harder
  • ○ Rate titles were vague and confusing, so it was hard to tell rates apart or see what each included
  • ○ About a third missed or misunderstood the Price / Points toggle

Because these issues weren’t new, we didn’t change the design in response. We kept it close to the current site and planned to test these pieces one at a time after launch.

Updated desktop design: price view.
Updated Wyndham Rooms & Rates desktop design in price view
Updated desktop design: points view.
Updated desktop design, points view
Room details & amenities modal.
Room details and amenities modal
Final mobile designs.
Final Wyndham Rooms & Rates mobile designs

Working with an external partner team

The replatform was built with an external partner. Their engineers and product managers worked alongside our own product team, and their designers supported us on part of the work, including building the new design system. I led design for Rooms & Rates and other core flows, worked with our Design Director, and kept the work moving between our team and the partner's:

Weekly design/dev syncs to walk through new designs and answer questions before build
Annotated designs so intent and edge cases were clear at handoff
Design QA on the implemented work

Outcome

The safest move wasn't the most ambitious redesign. It was staging change deliberately in a flow where past ambition had already cost conversion.

Given the scale and complexity of a franchise-driven ecosystem, we kept the launch design close to the current site and turned what we heard in testing into a plan for incremental tests after launch:

Test after launch
  • • Filters and Price / Points toggle placement
  • • Concise, clearer rate descriptions
  • • Room attributes in the list view (occupancy, square footage, amenities)
  • • Richer rate context like cancellation policy
Longer-term
  • • Standardized room & rate naming across properties
  • • Side-by-side comparison tool

Rooms & Rates is one piece of a 1.5-year replatform of Wyndham’s entire website and mobile apps, so results are still pending. Instead of A/B testing a full redesign again, like the one that cost mobile bookings, we kept the launch design close to the current site and will test individual changes after launch. Success means holding baseline booking performance while improving conversion, decision confidence, and rate-selection efficiency.

Card-based layout designed for future A/B testing.
Card-based redesign for future testing
Expanded view of the card-based future-test layout.
Card-based redesign, expanded view
← Previous
Joy