CONNSE
ECサイト ／ コーポレートレディースファッションブランドのShopify ECサイト構築
レディースファッションブランド「CONNSE（コンセ）」のECサイトをShopifyで構築しました。
CONNSEは、上質な素材と洗練されたデザインにこだわったレディースウェアブランドです。トップス・ボトムス・ワンピースなど幅広いアイテムを展開しており、ECサイトはブランドの世界観をそのまま体験できる場として機能することが求められました。
ファッションECにおいて「色」の選びやすさは購買体験の核心です。今回はShopifyのテーマをカスタマイズし、商品一覧ページと商品詳細ページでそれぞれ異なるカラー選択UIを実装することで、ページごとに最適な体験を設計しました。ブランドの世界観を損なわないシンプルかつ美しいデザインを維持しながら、使い勝手の高いショッピング体験を実現しています。
制作について
-
ディレクター
ファッションECにとって最も重要なのは「この色が欲しい」という感情を素早く満たせる体験設計だと考えています。一覧ページでは一目でカラー展開を把握できるようカラーチップを配置し、商品ページでは実際の着用イメージが伝わる画像選択に切り替える——この2段構えの設計が、スムーズな購買導線につながっています。ブランドのターゲット層である大人女性が迷わず・気持ちよく買い物できるサイトを目指しました。
-
デザイナー
CONNSEのブランドイメージである「上質・洗練・シンプル」を軸に、余白を大切にしたクリーンなデザインに仕上げました。商品写真の質が高いブランドなので、UIはできるだけ引き算して、写真そのものが引き立つレイアウトを意識しています。カラーチップや画像バリエーションも、デザインの邪魔にならないサイズ感と配置にこだわっています。
-
フロントエンドエンジニア
今回の実装で最も注力したのが、カラー選択UIの2パターン対応です。商品一覧ページではカラーチップを表示してその場で色を絞り込めるようにし、商品詳細ページでは着用写真サムネイルをカラー選択ボタンとして機能させることで、イメージを確認しながら選べる体験にしました。Shopifyのバリアント機能と組み合わせながら、テーマのLiquidをカスタマイズして実現しています。一覧と詳細で見た目も動作も変わるため、条件分岐の設計に丁寧に取り組みました。
制作期間
約3ヶ月
対応範囲
サイト構成／デザイン／HTMLコーディング／Shopify開発
制作メンバー
- 情報設計
- 鈴木 由季
- ディレクション
- 鈴木 由季
- デザイン
- 岡野 優太
- コーディング
- 鈴木 由季
- Shopify実装
- 鈴木 由季
