PonceDesign Let's talk
All work

Vacasa  ·  2019–2020

CX Innovation Roadmap + Design Sprint

Vacasa's customer experience agents changed dates, moved guests and fixed charges all day in an admin tool that was never built for a company that size. I turned a vague "improve CX" mandate into a two-phase roadmap, ran a design sprint with the agents who use the tool, and A/B tested two concepts. The result became the Reservation Management 2.0 redesign.

Client

Vacasa

Timeline

Jun 2019 – Mar 2020 · roadmap, sprint, A/B test

Role

Senior Product Designer · Sprint Facilitator

Team

Collective Trek: product manager, engineering lead, 3 engineers, QA, design intern

Platform

Internal admin tool (ResEdit) · desktop web

Focus

Strategy · Research · Facilitation

Reservation Management 2.0: a single reservation page with a trip-stage stepper from Trip Booked to Post Trip, guest, reservation and property facts, a stay card with check-in and check-out dates, a finance breakdown totalling 776.22 USD, quick actions for note, email and ticket, and a right-hand timeline of changes, emails, notes and tickets

In one line

CX agents at Vacasa handle guests' reservation changes, and the most common ones (changing dates, cancelling, adjusting fees) took several pages of a legacy PHP tool to complete. I combined research and analytics into a roadmap, ran a design sprint compressed to two days, and tested two competing concepts with five agents. The final design lets an agent make and record a change on one page.

7Research and analytics inputs combined before the sprint: 4 studies and 3 analytics sources
2Sprint days, compressed from the standard five so agents could take part
2Competing concepts built as clickable prototypes and A/B tested
5CX agents interviewed before the sprint and tested with after it

Context and the problem

Vacasa manages vacation rentals for homeowners across North America. Once a guest books, every change to the stay goes through a CX agent: different dates, an extra guest, a dog, a refund, moving to another unit. Agents did this in ResEdit, the reservation screens inside Vacasa's admin portal.

ResEdit had grown one module at a time. Our feature audit described it as "not built to manage thousands of regions and units." Changing dates meant one page for the dates, another for the finances, then a note typed by hand, all while the guest waited on the phone. Leadership asked for a better customer experience without defining it. My first job was to decide what that meant and what came first.

The constraints:

  • A tool that couldn't go down. Reservation search alone logged more than 33,000 pageviews in one week of June 2019. Any change had to ship alongside the live tool, not replace it overnight.
  • Money rules in the legacy code. Rent, fees, tax, trip protection and cancellation policies were calculated in the old PHP app. A redesign that touched dates also touched finance.
  • Agents are on the phones. The people with the best knowledge of the problem were also the ones we couldn't take off shift for a week.
  • A small team. I was the only designer, plus an intern, so we needed a process that got a cross-functional group to decide quickly and commit.

My role and what I owned

  • I owned the research plan and synthesis, the journey and feature mapping, the V2/V3 roadmap, the sprint design, agendas and facilitation, both A/B concepts, the test protocol and sessions, and the final Reservation Management 2.0 design and prototype.
  • I partnered with the product manager on the product brief and on which features were must-haves, and with the sprint Decider, who had the final vote on which ideas moved forward.
  • Our design intern helped with research logistics and synthesis, and engineering (the engineering lead, three engineers and QA) sized the concepts and owned the build and the move from legacy PHP to React.
A note on the screens

Guest names, contact details and amounts in the mockups are placeholder data. I've left out slides with real agent and team names and photos, and blurred a few details in the research captures.

Goals, and how we'd know

The sprint opened by agreeing on a long-term goal, which we broke into four measures:

  • Fewer hops per change. Date changes, cancellations and fee adjustments happen without leaving the reservation. Measured by steps and time per workflow in the A/B test.
  • No mental math. The tool calculates the financial effect before the agent commits. Measured by finance corrections after changes.
  • The whole stay at a glance. Guest, stage and history on one screen. Measured by how often agents opened a second page during testing.
  • Every change leaves a trail. Measured by the share of adjustments with a note attached.

Research, and the three things that changed direction

I ran four studies (an admin survey on the current experience, a usability evaluation of reservation finances, and a usability survey and test of reservation search) and paired them with Google Analytics and Hotjar heat maps for the dashboard and search. Before the sprint I also interviewed five agents about their day. Three findings shaped the direction.

1. The pain was concentrated in the four tasks that move money

Survey results chart showing, for each ResEdit module, how many agents use it very little, often or all the time, with the top 10 modules listed below; a callout lists the most cumbersome modules: cancel reservation, adjust fees, credit transfer and changing dates; and a before and after of the reservation search screen
Admin ResEdit survey. Agents rated how often they used each module and which ones were most cumbersome: cancel reservation, adjust fees, credit transfer and changing dates. All four change money, and all four took agents across several pages.

The most frequent reads were unit location, amenities and reservation details. The most painful writes moved money. That split drove the layout: keep the facts agents read constantly in view, and bring the four hard tasks up to the top level.

2. Search was used as a lookup, not a query builder

Google Analytics for the admin reservation search page showing 33,625 pageviews for June 22 to 28, 2019, above a Hotjar click heat map of the legacy search form with 3,294 clicks concentrated on the reservation number, external reservation number and phone fields
Analytics for reservation search: 33,625 pageviews in one week, and a heat map of 3,294 clicks. Clicks cluster on reservation number, external reservation number and phone. The dozen other fields and date ranges were barely used.

Agents weren't building queries. They had one identifier from the caller and wanted the reservation. So the first V2 fix was one smart field for phone, Vacasa or partner reservation number, with optional filters behind it.

3. Agents think in stages of the stay, not in modules

A Miro board of the CX user journey from pre-booking to post-stay with sticky-note pain points, above a feature-mapping table that marks which reservation header fields to show or hide at each stage, and a spreadsheet of tool ideas submitted by agents
Top: the reservation journey from pre-booking to post-stay, with agents' pain points at each step. Middle: the feature-mapping session, where each header field is marked show or hide for each stage. Bottom: the ideas sheet agents filled in themselves, including "Copy totals without posting a note" and a forced-move tool.

In interviews, agents described calls by where the guest was: not arrived yet, in the house, checked out. The tool showed every module the same way regardless. Mapping fields to stages showed that what an agent needs depends on when the guest calls, which became the trip-stage stepper at the top of the final design.

Strategy and the decisions that mattered

Decision 1: Split the roadmap into "fix" and "innovate"

Design Phases slide. V2 Improve Usability, Q3: advanced search, minimize drill down, functionality updates, reservation finances enhancement, style guide application. V3 Innovate Reservation Management Tool, Q4 and 2020: omni-channel integration, dynamic life cycle, guest centric, performance metrics, smart workflow. Alongside are the redesigned search results and quick-status explorations V2 through V4
The roadmap. V2 (Q3 2019) fixed what the research showed was broken: search, drill-down and finances, on the new style guide. V3 (Q4 into 2020) was the bigger bet: lifecycle-aware, guest-centric and built around workflows. The quick-status explorations on the right show the reservation header evolving from V2 to V4.

Rather than jump straight to the next-generation tool, I argued for two tracks. V2 fixed proven problems quickly, which earned agents' trust and gave engineering a low-risk start on React. V3 held the ideas that needed more certainty first, and the sprint was how we got it.

Decision 2: Compress the sprint from five days to two

Hand-drawn five-day design sprint agenda: Monday map, ask the experts and target; Tuesday remix, improve and sketch; Wednesday decide, rumble and storyboard; Thursday prototype; Friday test and learn
The standard five-day sprint: map, sketch, decide, prototype, test. It was the right shape but too long. We couldn't keep agents and operations leads in a room for a week.

Taking agents and ops leads off the phones for a week would have hurt the very experience we were trying to fix. So I restructured it:

  • Ask the experts in advance. The research and five agent interviews were done, so Day 1 opened with a 30-minute readout instead of a day of discovery.
  • Day 1, Diverge: journey gap-filling, a "what's on your radar" dot vote, storyboards.
  • Day 2, Converge: storyboard review, dot voting with a five-dot Decider supervote, paper prototypes in small groups.
  • Prototype and test afterwards, as hi-fi click-throughs, with the same five agents.

The risk was shallow decisions from less time together. The votes kept the group converging, and testing outside the room meant real agents rather than whoever was free on a Friday.

Grid of photos from the sprint: whiteboards headed Design Sprint Q1 2020, compressed to 2 days, covered in dot-voted sticky notes and a journey timeline; the team working in the room; walls of paper storyboards and sketched screens
The two days in the room. Top left, the board reads "Design Sprint Q1 2020 — compressed to 2 days", with the radar exercise below it. Across the rest: the journey timeline, storyboards, and paper prototypes of the reservation page.

Decision 3: Agree on must-haves before drawing screens

Design Sprint Features page listing Must Have Tier 1 features, all marked included in prototype: adjusting reservations (fees, details), help me modify reservation (location, time, money), reservation modifications (cancellations, move units, dates), res grid refresh, reservation adjustments, and automatic calculation
The Tier 1 must-haves from the sprint, each checked into the prototype. The key line: "Adjustments require multiple pages to do, let's bring editing to top-level."

Sprints produce lots of ideas and no priorities. I turned the output into a tiered feature list with the reasoning for each item, which gave engineering and the PM one document to argue with instead of forty sticky notes.

Decision 4: Test the disagreement, not a compromise

The room split on how much the page should show: everything visible, or a quiet summary of what an agent could act on. Instead of a compromise nobody had asked for, I built both and let agents choose.

Design process and solution

From paper to two concepts

Notebook page of layout sketches: admin navigation, adjust fees, a side drawer, a modal, tabs, two-panel and three-panel layouts with the third panel as a side drawer
Layout sketches from after the sprint: side drawer, modal, tabs, two panels or three. The side drawer won because it let an agent edit without losing sight of the reservation.
Design A wireframe: a revised navigation with reservation facts in the header, tabs for edit reservation, payments, tickets, reset and resync, policies, source and damage folio, a column of guest fields and check-in readiness, a middle column of financial adjustment buttons and reservation details, and a right-hand feed of notes, changes and tickets
Design A: revised navigation, a simplified dashboard and a feed. Every financial adjustment is a button one click away, and notes, changes and tickets share one feed. Variants added an in-page booking grid, a guest history tab and a note drawer.
Design B wireframe: a minimal page with a scrollable strip of reservation fact cards across the top, a compact guest panel with guest counters, a check-in readiness checklist, a finance total, and the activity feed on the right
Design B: minimal, with an actionable dashboard. Facts become a scannable strip of cards, finances collapse to a total, and a smart search opens results by type (notes, tickets, communications, amenities, policies) in a side panel.

The final design: one change, one page

Reservation Management 2.0 takes one position: the reservation stays on screen, and every change happens in a panel beside it. Here's the change-dates workflow that used to span several pages: pick dates, preview the money, confirm, record it.

Adjust Dates side panel over the reservation, with a notice that the unit requires a minimum 2-night stay, a May 2020 calendar with the 11th to the 18th selected, and a summary of original total 776.22 USD, new total 1,507.48 USD and a difference of 731.26 USD in red, with Clear Dates and Choose Dates buttons
Adjust dates. The unit's minimum stay appears before the agent picks dates, not as an error afterwards. The financial difference is calculated as the dates change, so the agent can tell the guest the new price while still on the call.
The reservation after confirming new dates: the stay card now shows check-out Sun, May 18 with 7 total nights, the finance breakdown updates to 1,012.80 rent and a total of 1,507.48 USD with 776.22 USD paid, and the side panel shows the change record, a preview comparing original and new dates, and the new totals broken down into rent, fees, tax and trip protection
After confirming. The stay card, nights and finances update in place, and the red line under the total shows what's still owed. The panel keeps the before and after side by side so the agent can read it back to the guest.
Add Note side panel with reason, action and outcome fields limited to 200 characters each, and an Include Totals checkbox that attaches the original total, new total, rent, fees, tax, trip protection and payment amount to the note
Notes that write themselves. Reason, action and outcome give every note the same structure. Include totals attaches the financial summary automatically, which came directly from agents' "copy totals without posting a note" request.
In-page finance editing: rent, fees, tax and addons each shown next to their original amount with an editable new value, a new total of 909.75 USD against an original of 776.22 USD, and Revert to Originals and Confirm buttons
In-page finances. Manual adjustments sit next to the original values, with a one-click Revert to originals. The same pattern covers guest counts, which check the unit's limits, and a property info panel with parking, access and amenities.

Validation and iteration

I ran moderated remote sessions with the five agents over one week in March 2020, walking the main workflows in both prototypes with screen sharing, recorded and transcribed.

We thought more on screen meant fewer clicks. It meant more hunting.

We thought Design A would win. Agents had complained about digging through pages, so putting everything on one screen, including the booking grid, all the details and every adjustment button, looked like the fix. We learned that on a live call agents scan for three or four facts: who the guest is, when they're staying, whether they've paid and whether they're ready to check in. Design A made those compete with everything else. Design B's summary was faster to read, but hid the history agents relied on to understand what the last agent had done. So we combined them: B's compact facts and stay card at the top, and A's feed turned into a dated timeline that you can filter and pin.

The reservation after a date change with a green confirmation banner reading The change went through. Don't forget to create a note, and the timeline on the right now showing the new Adjust Dates change at the top, above earlier notes, identity check, contract agreement and reservation confirmation emails, reservation creation and a ticket
The timeline and the nudge. Every change, email, identity check and ticket appears in date order. After a change, the confirmation reminds the agent to write a note and links straight to it.

Notes had to be part of the change, not an extra step

The change-dates workflow we mapped had a note at three different points, and all three were optional. On a live call, optional steps are the first to go. So the final design treats the note as part of the change: a prompt when the change is confirmed, a structured form, and the totals already attached.

Outcome and impact

The A/B test finished in March 2020, just as travel shut down. I don't have post-launch usage data for this work, so the evidence below is what the process produced and how it changed the plan.

  • A roadmap leadership could act on. The vague "improve CX" mandate became a V2 and V3 plan, with the V2 search and finance fixes scheduled first.
  • Every Tier 1 must-have in the prototype. Adjusting reservations, modifications, the grid refresh, top-level editing and automatic calculation were all built into the click-through prototype.
  • From several pages to one. Changing dates, cancelling and adjusting finances now happen in a side panel over the reservation, with the financial impact calculated before the agent commits.
  • Agents shaped the design. The same five agents were interviewed before the sprint and tested the result after it. Features like attaching totals to a note came straight from their ideas sheet.

The concepts validated here became the Reservation Management 2.0 redesign.

What I'd do differently

  • Record a baseline first. We had heat maps and survey scores but no timed baseline for the four cumbersome workflows, so we could compare A with B, but not either with the tool agents actually used.
  • Bring finance into the room. Automatic calculation was the most valued feature and the most dependent on rules I didn't own. Having someone from finance in the sprint would have caught policy edge cases, like trip protection close to check-in, before they reached the prototype.
  • Test beyond the sprint group. The five agents we tested with had helped shape the concepts, which made them great collaborators and biased testers. A second round with newer agents would have tested how easy the design is to learn, not just whether our collaborators preferred it.

The broader lesson: a sprint doesn't have to be five days, but it does need the right people. Compressing the format was fine. Keeping the agents in it was what gave the output credibility with the business.

Get in touch

Tell me a little about your project, what you’re working on, your timeline, or whatever you know so far. I read every message and will get back to you within a couple of days.

Please enter your name.

Please enter a valid email address.

Please add a short message.

Message sent

Thank you for your note! I will get to you shortly.