プロジェクト背景
Brisk は通勤向けの電動アシスト自転車を3モデル展開しています。低床のシティ、ロングテールのカーゴ、折りたたみ。いずれもペダルアシスト、油圧ディスクブレーキ、取り外し式バッテリーを備え、2台目の車を自転車に置き換えたい都市の通勤者に向けています。
課題
電動アシスト自転車は高価で好みも分かれるため、オンラインでは決めにくい商品です。3モデルの違いをひと目でわかるようにし、購入ではなく試乗を主なコンバージョンにする必要がありました。
私たちの役割
- ビジュアルアイデンティティ
- ウェブデザイン
- フロントエンド開発
ソリューション
長体の大きな文字と、紺とシグナルオレンジでスピード感を出しました。3モデルを縦に並べ、それぞれ写真、ひと言の位置づけ、4つの主要スペック、購入と試乗のボタンを配置。全面の走行写真を挟み、郵便番号で近くの販売店を探す導線で締めくくります。
1モデル1行
シティ、カーゴ、フォールドは同じレイアウトとスペック枠を共有し、3つ目だけを積載量や折りたたみ寸法に変えて違いを浮かび上がらせます。
試乗を優先する導線
全モデルに試乗ボタンを置き、最後の郵便番号入力で販売店へ案内。高額な判断を実店舗での体験に戻します。
マーキーで締めくくる
フッター上の「RIDE PAST THE TRAFFIC — BRISK」の流れる帯が、覚えてほしい一文を繰り返します。
よくある質問
このプロジェクトの設計判断と進め方について、よくいただく質問です。
電動アシスト自転車のサイトで、なぜ購入より試乗を先にしたのですか？
電動アシスト自転車は高価で乗り味も人それぞれなので、乗らずにオンラインで買う人はほとんどいません。全モデルに試乗ボタンを置き、最後の郵便番号検索で近くの販売店を案内して、高額な判断を実店舗での体験に戻しています。
3モデルをまったく同じレイアウトにしたのはなぜですか？
シティ、カーゴ、フォールドは同じ写真枠と4つのスペック枠を共有し、3つ目だけを積載量や折りたたみ寸法に変えています。レイアウトを固定すると違いが自然に浮かび、1行ずつ比べなくても自分に合うモデルがわかります。
なぜページの最後に流れる帯を置いたのですか？
フッターの上で「RIDE PAST THE TRAFFIC — BRISK」が流れ続け、ブランドの一文を最後にもう一度示します。スピード感とも呼応し、ページを離れるときにこの言葉が残ります。
販売店網を持つブランドの EC では、どんな連携が必要ですか？
中心は販売店検索です。販売店データを管理しやすいリストにし、郵便番号や位置情報で最寄りの店舗を探し、試乗予約を該当する販売店に連携します。公開まで通常5〜7週間です。