WorkRippling · Spend & Travel

One trip, all spend

Link bookings and every cost in a Trip-Linked Expense Report

Discipline
Product design · Mobile
Company
Rippling
Product area
Spend & Travel
When
Apr 2023 → 2025 (concept to patterns adopted; Travel GA summer ’25; shared report targeted Q4 ’25)
Spend and Travel trip-linked report overview
Pulling bookings, card transactions, and reimbursements into one place.
Pulling bookings, card transactions, and reimbursements into one place.

Behind the work

Role

Lead Product Designer (Spend) — strategy, IA, object model, flows, visuals, component specs.

With

Travel Product Designer • UX Research • Design Systems.

Project snapshot

  1. Timeline

    Apr ’23 → 2025

  2. Object model

    Trip-linked report

  3. Research

    Tested with users

  4. Systems

    New mobile components

Overview

Travel bookings and Spend lived in separate apps, forcing employees to reconstruct a trip across screens. I led the Spend side with Travel to introduce a Trip-Linked Expense Report—one object that binds itinerary items (flights/hotels/cars) with every related cost (corporate card transactions, reimbursements, per diem). We prototyped variants, tested with Navan users, and used the work to seed Rippling’s new mobile component library, which later accelerated the Time Off mobile redesign.

The problem

The problem

  1. App silos

    Travel vs Spend created context switching and “DIY reconciliation”

  2. Mental model mismatch

    Travelers think “one trip = one bucket of costs”

  3. Legacy patterns

    Spend mobile used aging components; Travel mobile was greenfield → risk of drift

  4. Market bar

    Competitors (e.g., Navan) show consolidated trip spend

Spend versus Travel problem context
FIG. 01Spend versus Travel problem context

Solution highlights

Solution highlights

  1. Trip-Linked Expense Report

    bi-directional: create/attach from Travel or Spend

  2. Auto-suggested linking

    Detect transactions/receipts within trip window

  3. Policy clarity

    Inline indicators for receipt/memo requirements; fix in-flow

  4. Cross-suite precedent

    Model used to guide Time suite (Timesheets/Time Off/Holidays) and [COPY NEEDS VERIFICATION]

Trip expense report flow in Spend
Trip expense report in Spend
Trip expense report in Travel
FIG. 02Trip expense report flow in Spend

Audit

Audit

Spend mobile (legacy) + Travel mobile (greenfield) → gaps & drift risks.

Audit legacy Rippling and Spend components
Legacy Rippling & Spend app components
Audit new Travel app screen one
Audit new Travel app screen two
FIG. 03Legacy Rippling & Spend app components · New Travel app with updated components

Strategy/IA

Strategy/IA

Define what a Trip-Linked Expense Report is

Trip-Linked Expense Report strategy and information architecture
FIG. 04Trip-Linked Expense Report strategy and information architecture

Flows

Flows

Mapping admin user journeys; entry points from both apps

FIG. 05Spend and Travel admin journey flows

Prototype/Test

Prototype/Test

Multiple concepts; tests with current/former Navan users

FIG. 06Trip-linked report prototype concept one

Systemize

Systemize

Component specs → Design Systems; patterns reused for Time Off mobile.

Legacy Time Off mobile UX screen 1
Legacy Time Off mobile UX screen 2
Legacy Time Off mobile UX screen 3
Updated Time Off mobile UX screen 1
Updated Time Off mobile UX screen 2
Updated Time Off mobile UX screen 3
Updated Time Off mobile UX screen 4
Updated Time Off mobile UX screen 5
Updated Time Off mobile UX screen 6
FIG. 07Legacy Time Off Mobile UX · Updated Time Off Mobile UX

What I learned

  1. The object model (not navigation) is the lever that collapses silos.
  2. Investing in shared mobile components early prevents drift and compounds speed.
“The single trip model finally matches how travelers think: one itinerary, one total. The additional UI refresh makes this feel like a real app”
— From a current Rippling / Ex-Navan user