カートへの追加から決済までの購入フローを再設計

Les Raffineursは、ギフト商品や体験型ワークショップのギフトを販売しています。注文ごとにギフト特有の情報が必要です：商品ごとのラッピング、受取人へのメッセージ、体験ギフトのメールまたは郵送での送付、配送または店舗受け取り。

カート追加時のポップアップがデスクトップで画面の40%、モバイルで90%を覆い、クリックしたことが明確にわからない状態でした。その後のフォームも長く冗長でした。ギフトに必要な情報はすべて残しつつ、クリック数を減らす必要がありました。

1. 1

   操作を妨げずに確認を伝える

   購入ボタンにマイクロアニメーションを加え、その後サイドパネル型のカートで、カートの中身全体、送料無料までの金額、関連商品を表示。

2. 2

   ギフトの選択肢をまとめる

   ラッピングは商品ごとに選択可能、メッセージは注文全体で1つ、体験ギフトはメールか郵送かを選択、受け取り方法はカートの段階から表示。

3. 3

   注文をシンプルに

   ゲスト購入をデフォルトに。コンパクトな入力欄と住所入力補助、ニュースレター登録は別に分け、「次へ」ボタンは常に表示。

• 4ステップで、カートから支払いまで。1枚の長いページに代えて
• モバイルとデスクトップを一緒に設計。親指での操作も考慮
• 2名のメンバー：RomainとThomas

購入者が各ステップで、何を、どのように、いくらで贈るのかを把握できる購入フロー。

• 
  Romain PeltierUXリサーチ、ユーザーフロー、購入フローのデザインモック
• 
  Thomas Thévenetモバイル・デスクトップのインターフェース、カート追加のマイクロアニメーション

ブリーフと2021年当時のデザインモックをもとに再構成した画面です。