Argument
プロダクトデザインWeb
ケーススタディ

Revel

A desk for a car dealer's service and parts team. We designed the product end to end, from the first directions to the landing page

年
2026
業界
Car dealerships

概要

Revel is the desk a car dealer's service and parts team works from: special-order parts, warranty leads, trade‑in appraisals, inventory and customer conversations, in one sidebar. We designed the product end to end, from the first style directions to the design system in a light and a dark theme, the phone version, a questionnaire the dealer's customers fill in before a visit and the product's landing page.

Challenge

Special-order parts come in, sit on the shelf and wait for a customer nobody has told. The desk needed one queue where an advisor sees every order and what it is waiting for, and chases, ships or closes it, and the same desk had to take in warranty leads, appraisals and inventory without turning into five tools.

Approach

We started with a set of style directions, and the client picked the seventh: an automotive hi-tech look with tabular figures and a warm accent, light by default. From there the work went in rounds on one review link, where the client left comments on the live build and each round updated it in place. Colours, radii and a four-step severity ramp live in tokens, so a status reads the same in orders, warranty and stock, in both themes.

Parts on the shelf, waiting on the customer. Chase, ship, or close each one.

One queue for every special order

Service Recovery is the parts on the shelf, waiting on the customer. Seven tiles across the top count the queue by state, from communicating to waiting list, and one click on a tile filters the list to it. Filters stay where the advisor left them.

Try it: pick a tile, the queue follows

All 20 orders

Service Recovery

Chase, ship, or close each one.

  • Redstone Hauling Inc.

    Parts counter · no vehicle

    Replied
    $27.00 #576991Harper Lindqvist · 108d

  • Rowan Pemberton

    2015 Lincoln MKC

    Shipping requested
    $547.06 #343309Hayden Halden · 97d

  • Juniper Ashdown

    2022 Ford Bronco

    Picked up
    $312.40 #418230Parker Whitlock · 61d

  • Highgate Supply Ltd.

    2021 Ford Transit 250

    Picked up
    $1,180.00 #702115Harper Lindqvist · 54d

4 of 20

Service Recovery

Parts on the shelf, waiting on the customer. Chase, ship, or close each one.

Active filtersnone, the whole range1–6 of 20
Service Recovery orders, longest open first
CustomerVehicle & invoiceParts costStatusAdvisorDays ↓Created

Redstone Hauling Inc.

Company5555550992

Parts counter · no vehicle

#576991

$27.00RepliedHarper Lindqvist108d2/27/26

Rowan Pemberton

5555558567

2015 Lincoln MKC

#343309

$547.06Shipping requestedHayden Halden97d3/10/26

Juniper Ashdown

5555551208

2022 Ford Bronco

#418230

$312.40Picked upParker Whitlock61d4/15/26

Highgate Supply Ltd.

Company5555554471

2021 Ford Transit 250

#702115

$1,180.00Picked upHarper Lindqvist54d4/22/26

Marlowe Fenwick

5555553390

2019 Ford Edge

#225804

$96.75ShippedQuinn Brandt47d4/29/26

Callum Reyes

5555557719

2023 Ford Maverick

#590362

$211.30Picked upHayden Halden41d5/5/26

Working an order

  1. 01 / 01

    The order in one panel

    The state of the order and the one action come first, the facts sit underneath as quiet label and value rows, and the conversation recedes into reference.

An order open in the side panel: status, contact, customer override and order facts above the Schedule appointment and Mark as handled buttons

Seven directions, then one system

The client saw seven style directions, from a dense table to an instrument cluster, and picked the seventh. It became the system: four steps of severity that mean the same in orders, warranty and stock, a warm accent and tabular figures, written as tokens so both themes come from one source.

Try it: pick any of the seven directions

Seven directions, one picked

Dense table

Picked, the system grew from it

Direction 1, Dense table: the special orders queue in this style

Seven directions, one picked

01Dense table
02Service desk
03Work order cards
04Shop floor
05Parts desk
06Card rows
07Instrument, picked

The tokens it runs on

Light theme

accent #8A5628

  • Actionneeds a person
  • Waitingon parts or a reply
  • Activein conversation
  • Restingclosed out
$83,895Mark as handled

Dark theme

accent #D69C67

  • Actionneeds a person
  • Waitingon parts or a reply
  • Activein conversation
  • Restingclosed out
$83,895Mark as handled
The Service Recovery queue in the light theme
The same queue in the dark theme
Lightダーク
An open order on a phone in the light theme
The same order on a phone in the dark theme
Lightダーク

AppraiseAI, from a vehicle to an offer

A model, a VIN, an odometer reading. AppraiseAI finds the car, reads the market for it and works the offer: the appraised value, the profit target, the target sell price and the reconditioning cost are tied together, so moving one moves the others.

Try it: move the cost to market, the offer follows

2026 Ford F-150 Platinum SuperCrew

123 km · $92,833 odo-adjusted market

Appraised value (offer)

$80,076

what the customer hears

Profit target

$3,000

the margin to clear

Target sell price

$87,395

held while you drag

Reconditioning cost

$3,845

four line items

Cost to marketCTM 90.4%No, projected

CTM 90.4% of $92,833 odo-adjusted market = $83,921 all in

  • up to 70%: buy
  • 70-80%: caution
  • past 80%: no

Deal summary

Our cost
$83,921
Deductions
$0
Implied profit
$3,474
Wholesale / ACV
$80,100

Stock on the same desk, and all of it on a phone

Inventory Accountability shows what the store owns and why: every part line with where it came from and how often it moves. On a phone the table turns into cards with the figures that matter, and an order opens as a full-screen sheet with its actions at the thumb.

Customer's Voice, before the visit

Revel is more than the desk the advisor works from. Before a service visit the dealer sends the customer a short questionnaire, so the fault is half diagnosed before the car arrives. It asks three plain things: how you notice the problem, where it is on the vehicle, and what the car is doing when it happens. The customer answers in everyday words; the technician's worksheet carries the terms from the dealer's own Ford form. A map of the car in sectors replaces a drawing to guess on, and a search raises the right answer instead of a long list to read.

Try it: say how you notice it, point it out on the car, search what it's doing

NFNorthfield Ford · Service

Step 1 of 3 · The problem

How do you notice it?

Pick any that apply.

Pick one or more

The AI operating system for modern dealerships

We help dealerships automate operations, eliminate busy work, and unlock new revenue across every department.

The Service Recovery desk: the sidebar, seven status tiles and the order list, on demo data

A page built from the product

The desk needed a public face, so we designed and built its landing page out of the app itself: the same type stack, the warm palette, the glass-over-mesh surfaces, light only, the headline's last words set in the product's brown. The product shot sits solid white inside the glass page, so the page and the desk read as one object.

Each screen is a real moment from the desk, shot in its own world

On a phone

On a phone the desk turns into cards under the headline, and the navigation stays at the thumb all the way down the page

One warm desk, and the page that sells it.

担当領域

  • 01プロダクトデザイン
  • 02UX
  • 03デザインシステム
  • 04Light and dark theme
  • 05Mobile version
  • 06Customer questionnaire
  • 07Landing page
Next projectTarotbookすべてのプロジェクト