WORKS / 01
Cross Bridge
バッグブランドを想定し、Figmaで画面と導線を設計。Horizonをベースに、カテゴリー・検索・デモカートまでShopifyへ実装しました。
使う人のために考えたこと
ブランドの世界観を伝えながら、用途や形からバッグを探し、気になるモデルを比較できる流れを設計しました。
実装したこと
Figmaでデスクトップ・モバイルの画面、共通パーツ、空状態やエラー状態を設計しました。ShopifyではHorizonをベースに、カテゴリー別一覧、名前・カテゴリーでの検索、並び替え、ブラウザー内で保存するデモカート、JOURNAL、FAQなどを実装しています。デザイン案の閲覧用ストアであり、実商品の販売・決済・注文受付は行いません。
確認したこと
検索・カテゴリー一覧・JOURNAL・サポート画面を複数の画面幅で確認し、デモカートへの追加・数量変更・削除・再読込後の保持を検証しました。売上やCVRの改善効果を測定した作品ではありません。
LET'S TALK
お店に合わせた制作をご相談ください。
新規構築から、表示や機能の一部修正まで。ご希望の内容を伺い、対応範囲・費用・納期をご案内します。
相談・見積もりを依頼する