UAEの自動車マーケットプレイスのディーラー側。前面には時間制オークション、その背後には落札から名義変更までの5段階の流れ。
01背景
CarsparencyはUAEで中古車マーケットプレイスを運営していた。個人の売り手が車を出品し、検査員が状態を記録し、認証済みのディーラーが時間制オークションで競り合う。Proはそのディーラー側、つまり買い手が使うプロダクトである。
そのFigmaファイルには、このプロダクトの両面が収められている。アプリの4ページがオークション、注文、アカウント、ログインを扱い、Webの4ページが同じ領域をデスクトップ幅で繰り返す。合計でアプリ129フレーム、デスクトップ167フレーム。その大半は新しい画面ではなく、同じ画面の状態違いである。
02課題
ディーラーは、見たことのない車に、姿の見えない競合を相手に、カウントダウンが進むなかで入札する。オークション画面は、その判断を素早く、しかも根拠を示せるものにしなければならない。
そこから、より難しい部分が始まる。落札後も、車の価格を確定し、段階的に支払い、書類を揃え、納車し、法的に名義を移す必要がある。この作業はディーラー、売り手、Carsparencyのスタッフの間で進み、どの段階でも止まりうる。多くのマーケットプレイスのフローは落札で終わるが、このフローはその先へ続く。
03フロー
ファイルで最も大きな領域はオークションではなく「注文」である。落札した車はすべて「交渉中」「保留中」「購入完了」を経ていく。カードは単に「保留中」とは言わない。注文が5つのステップのどこにあり、次に何が来るかを示す。
ステータスはどのカードでも、どの詳細ページでも同じ位置に置かれ、色付きの帯とその横のひとつのアクションで表される。ディーラーは、次の一手が自分の番かどうかを常に確認できる。
劣勢
04主要な意思決定
これらの選択はフレームから読み取れる。ファイルには理由が記録されていないため、以下の理由は画面の作りから読み解いたものである。
時間に追われて入札するディーラーには、他の入札者以外の基準点が必要だ。一覧でも詳細ページでも、現在の入札額の横にプラットフォームの査定額を示すことで、入札は当て推量ではなく比較になる。
「保留中」では、ディーラーは何をすべきかわからない。「5段階中1、前払い待ち」なら、今どこにいて、あとどれだけ残り、誰の番なのかがわかる。
ディーラーが入札した車のページは、後に納車を追跡するページと同じだ。変わるのはステータス帯とそのひとつのアクションだけなので、段階が変わっても覚え直すことはない。
05ソリューション
オークション側は素早い比較のために作られている。カウントダウンは残り数分で赤に変わり、色付きのピルが「優勢」か「劣勢」かを示す。代理入札と自動入札があれば、ディーラーは時計を見張らずに競り合える。
注文側は信頼のために作られている。前払い画面は、何かが引き落とされる前に支払残高、利用可能資金、ウォレットを示す。価格内訳はすべての控除を項目ごとに示し、書類リストは名義変更に必要な書類を一つひとつ挙げる。各ステップには汎用的なエラーではなく、固有の失敗状態（支払い失敗、アップロード却下、過払い）がある。
交渉中
納車待ち
前払い
価格内訳
06すべての画面
ProのFigmaファイルのすべてのページを2026年9月27日にスキャンし、画面サイズのフレームをすべて書き出した。スマートフォンの画面は幅390ポイント、デスクトップのページは幅1,440ピクセルである。アプリの4ページには129フレーム、Webの4ページには167のデスクトップフレームがある。それぞれを1回ずつ掲載し、Web独自のスマートフォンレイアウトと「Updates」ページを加えると、スマートフォン216画面とデスクトップ170ページになる。どちらの一覧もディーラーの動きに沿って並ぶ。ログイン、オークション一覧と車両詳細、次に落札で始まる注文（交渉、前払い、精算と支払証明、名義変更と納車）、そしてアカウント、銀行口座、ウォレット、ヘルプの順である。
Webページのスマートフォン用フレームの大半はアプリと同じであるため、1回だけ掲載した。異なる42枚——ドル表示の価格、プライバシー・会社概要・ヘルプの実際の文面、空の状態、共有シート——は「モバイルWeb」にまとめている。「リデザイン」のタブには「Updates」ページを収めた。不具合マップを備えて作り直した車両詳細、電話番号によるログイン、読み込み中の状態である。App Storeのサイズとオークションカードの検討案には、それぞれ専用のタブがある。サンプルのメールアドレス、電話番号、サンプルの顔写真はマスク処理しており、支払証明のサンプルとして使われた銀行振込のスクリーンショットも同様に処理している。
07エコシステム
ディーラーがProで目にする情報は、すべて上流で作られたものだ。売り手がWebウィザードで車の情報を入力し、検査員が検査アプリで確認し、オペレーターがバックオフィスで価格を付けてディーラーを招待した。Proは、その記録が買い手と出会う場所である。
共通の要素はファイルをまたいで確認できる。同じ車両レコード（走行距離帯、GCC仕様、名義人、整備履歴）、同じコンディション評価、同じ価格用語（ここではFair Market Value、バックオフィスではFair）、そしてその下にある同じコンポーネントライブラリ。
08私の役割
Proファイルから抜き出したもの。ファイルにはチームの規模も、誰が何を決めたかも記録されていない。したがってこれはファイル内の作業であり、単独で手がけたという主張ではない。
ファイルには「Updates」ページと番号付きのカードテスト（Test 2〜Test 7）も残っている。オークションカードが一度で描かれたのではなく、反復して改良されたことを示す痕跡である。
09成果
成果ではなく、デザインしたフレームの数である。Carsparencyのファイルには、ローンチ日、利用状況、コンバージョンの数値は記録されていない。
10学んだこと
多くのオークションフローは落札で終わる。ここではそれがおよそ中間点であり、その後のフレーム（支払い、書類、納車）はオークション画面の数を上回る。
「5段階中3、精算待ち」は、ディーラーが抱く3つの問い——今どこにいるのか、あとどれだけか、次に何をするのか——に答える。「保留中」だけでは、そのどれにも答えられない。
ファイル内のカードはすべて同じ車と同じ価格を示している。そのためレイアウトは、長いタイトル、安い車と高い車の並び、査定額を大きく上回る入札といったケースで一度も試されていない。
優勢
代理入札
価格内訳は正味購入価格、割引、控除額を分けて示し、入札シートは輸送費と延長バイヤー保証を加える。ディーラーは落札価格だけでなく、手元に届くまでの総コストを確認できる。