Carousel

Web App

SaaS

Car Subscription

A full redesign of the member application for a Honolulu-based car subscription service. Rebuilt every flow from inventory browsing to renewals, trade-ins, and billing.

Carousel member application — 4 hero screens

Context

Carousel had a working product, but the member experience had not kept up. Subscribing required staff back-and-forth, renewals were confusing, and document management was scattered.

  • Members had no clear self-serve path from browsing to reserving a vehicle
  • Renewal and trade-in flows required manual staff intervention
  • Document uploads, insurance, and billing all lived in disconnected states
  • No design system existed, making consistency impossible at scale

Role

Lead Product Designer · 4.5 months

What I owned

  • Design system architecture and component library
  • Inventory browsing and vehicle detail flows
  • New customer reservation flow (single and joint applicant)
  • User research synthesis and persona alignment
  • Cross-flow consistency and design QA

Requirements

Before any design work began, I mapped the full feature scope with stakeholders. These requirements were defined at kickoff as a shared checklist to keep the team aligned throughout.

Authentication

Sign up and sign in flows

New account creation, login, and password recovery across all entry points.

Authentication

Joint applicant onboarding

Co-member invitation and dual sign-up for joint subscription applications.

Browsing

Inventory list with filters

Browse available vehicles with tier, location, make, model, color, and body style filters.

Browsing

Vehicle detail page

Full vehicle specs, photos, and availability with a clear path to reservation.

Subscription Management

New customer reservation flow

End-to-end stepped form for solo and joint applicants, including inline credit scoring.

Subscription Management

Member dashboard

Subscription status, renewal prompts, and quick access to all active vehicles.

Subscription Management

Renewal flow

Self-serve renewal with clear state handling for on-time and overdue members.

Subscription Management

6-month trade-in flow

Vehicle swap flow for members eligible after their first 6 months.

Service Scheduling

Calendar and time slot selection

Schedule vehicle service appointments with a date picker and available time slots.

Payment

Invoice history and billing

View past invoices, upcoming charges, and payment method management.

Payment

Multi-vehicle billing support

Billing consolidated across multiple active subscriptions.

Document Signing

DocuSign integration

In-flow document signing for subscription agreements during the reservation process.

Documents

Insurance and document vault

Upload, categorize, and manage required documents with urgent status alerts.

Accessibility

Accessibility compliance

Color contrast, touch targets, and screen reader support across all flows.

Notifications

Notification preferences

Member control over renewal reminders, document alerts, and service scheduling notifications.

Account Settings

Profile, email, password, and preferences

Full account management with notification preferences and subscription visibility.

Decisions

Build the design system before the screens. Two designers in parallel across a dozen flows needed a shared foundation. Without one, we would have drifted on every pattern decision: form field states, modal behavior, empty states, error handling. Shared components made every high-density screen faster to build and easier to review.

Split reservation into two flows rather than one adaptive form. Joint applicants need double the inputs: info blocks, documents, and credit checks. Separate flows kept the code clean.

Integrate the credit check inline rather than as an upfront gate. An upfront credit gate would have hurt conversions and increased drop-off. Placing it mid-flow kept more people engaged, and borderline scores saw qualifying tier options rather than a rejection screen.

Renewal user flow

Renewal flow

Shipped

A complete redesign of the Carousel member application. Every major flow was rebuilt from scratch and handed off to engineering.

What shipped

  • Inventory browsing: membership tier, location, make, model, color, body style
  • New customer reservation for solo and joint applicants, including inline credit scoring and DocuSign integration
  • Member dashboard with subscription status, renewal prompts, and trade-ins
  • Service scheduling with calendar and time slot selection
  • Invoice history, payment method management, and multi-vehicle billing support
  • Insurance and document vault with upload, categorization, and status alerts
  • Account settings with profile, email, password, and notification preferences
  • Design system covering components, states, and patterns across the product
Carousel shipped screen 1
Carousel shipped screen 2
Carousel shipped screen 3
Carousel shipped screen 4
Carousel shipped screen 5
Carousel shipped screen 6
Carousel shipped screen 7
Carousel shipped screen 8
Carousel shipped screen 9
Carousel shipped screen 10
Carousel shipped screen 11
Carousel shipped screen 12
Carousel shipped screen 13
Carousel shipped screen 14
Carousel shipped screen 15
Carousel shipped screen 16
Carousel shipped screen 17
Carousel shipped screen 18

Build

Three flows documented before handoff: new customer subscription, renewal, and 6-month trade-in. Every screen state, branch condition, and required field mapped.

The design system shipped as a live Figma library. Component naming matched engineering's structure to reduce translation time.

A feature requirements document traced every feature to a user need, giving stakeholders a single source of truth for scoping and QA.

Carousel design system — colors, typography, and components

Design system components

Results

Carousel has been operating a subscription model since 2013 and describes itself as the nation's largest vehicle subscription inventory. The redesign replaced staff-dependent flows with a complete self-serve member experience covering reservations, renewals, and trade-ins. That design system became the shared infrastructure for a SaaS platform now expanding to dealerships nationwide.

Learnings

The biggest challenge was coordination, not design. Two designers working in parallel will diverge without a shared foundation, and the design system was the infrastructure that kept us aligned.

Complex flows contain business logic invisible until you map every branch. The renewal flow alone had seven distinct states.

Three personas with conflicting expectations had to coexist in the same product. Reconciling them directly shaped the filter architecture and tier-based display logic.

Kai persona card

Let's create something

amazing together

DribbbleLinkedIn