WORKS / 01

自主制作 / BAG STORE DESIGN

Cross Bridge

バッグブランドを想定し、Figmaで画面と導線を設計。Horizonをベースに、カテゴリー・検索・デモカートまでShopifyへ実装しました。

FIGMA / HORIZON / LIQUID / MOBILE

Cross Bridgeの自主制作Shopifyデモ。クリーム色の背景とネイビーのバッグを使ったホーム画面
Cross Bridge / 自主制作デモストアの画面

使う人のために考えたこと

ブランドの世界観を伝えながら、用途や形からバッグを探し、気になるモデルを比較できる流れを設計しました。

実装したこと

Figmaでデスクトップ・モバイルの画面、共通パーツ、空状態やエラー状態を設計しました。ShopifyではHorizonをベースに、カテゴリー別一覧、名前・カテゴリーでの検索、並び替え、ブラウザー内で保存するデモカート、JOURNAL、FAQなどを実装しています。デザイン案の閲覧用ストアであり、実商品の販売・決済・注文受付は行いません。

確認したこと

検索・カテゴリー一覧・JOURNAL・サポート画面を複数の画面幅で確認し、デモカートへの追加・数量変更・削除・再読込後の保持を検証しました。売上やCVRの改善効果を測定した作品ではありません。

LET'S TALK

お店に合わせた制作をご相談ください。

新規構築から、表示や機能の一部修正まで。ご希望の内容を伺い、対応範囲・費用・納期をご案内します。

相談・見積もりを依頼する