Snowl
Woofulと協業し、配送、料金、予約フローを一つのフロントエンドへ。
プロジェクト情報
Snowlは集荷、配送ルール、料金確認、予約フォームを個性的なサービスサイトにまとめました。
Woofulがデザイン・UI/UXを担当し、三伍杉がフロントエンド、操作、レスポンシブ実装を担当しました。
01Woofulとの協業
02ホーム操作・ブランドイラスト実装
03料金・保険・禁止品情報
04多段階予約フォーム・RWD
実際の流れ
サービス説明から送信まで、すべての選択状態をつなぐ。
- 01 理解
配送方法、箱、料金、保険、制限を確認します。
- 02 選択
選択状態を保ちながら予約ステップへ進みます。
- 03 送信
集荷先、配送先、連絡情報を入力して送信します。
01 01
ブランドイラストを、装飾ではなく操作案内に。
ホームのスライド、注記、箱の選択、手順イラストを同じ視覚言語で統一し、状態と切替をつないで次の操作を明確にしました。
02 02
完成した予約フローが、フロントエンドの力を示す。
サービス説明、保険、禁止品、料金、箱、連絡情報には異なる画面状態が必要です。検証、戻る操作、モバイル対応を一貫させ、送信まで完了できるようにしました。
03 03
料金と禁止品の情報を、一枚の表に詰め込まない。
保険、料金確認、禁止品を表、分類、イラストで分け、送信前の確認とモバイルでの可読性を両立しました。
04 04
モバイルは、デスクトップを小さくしただけではない。
ナビゲーション、注記、操作ボタン、予約項目を狭い画面向けに再構成し、ブランド性とフォーム操作を保ちました。
次の事例
貳虎雞排加盟 →