インナー・レッグウェアブランド 公式通販サイト
インナーからレッグウェアまで、カテゴリ・シリーズ・特集から商品を探して購入できるブランドの公式通販サイト。
Overview
プロジェクト概要
GUNZEのブランド「Tuché（トゥシェ）」の公式通販サイト全体を構築しました。トップページから、インナー・ストッキング・レギンス・レギンスパンツ・ソックスのカテゴリ、MUSE MAKERやLACY AIRなどのシリーズ別ページ、商品詳細、商品特集（TOPICS）、新着情報（What's New）、カート、購入手続き、会員ページまでを構築しています。
掲載しているのは、サイトの中の、3D立体成型編みボクサーパンツの商品特集ページです。最初の画面でモデル写真と商品名を大きく見せ、すぐ下に5色のカラー展開と商品ページへのボタンを置きました。中盤では「シリーズ累計45万枚突破」の実績とともに、おすすめポイントを3つ（きれいなヒップライン、柔らかなはきごこち、チクチクしにくい洗濯タグ）に分けて写真付きで説明しました。それぞれのポイントの下に愛用者の声を添え、後半にはコーディネート商品（PAIR ITEM）を色を切り替えて見られる形で紹介しています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 構築範囲
- サイト全体（トップ / カテゴリ・シリーズ別の商品一覧 / 商品詳細 / 商品特集 / 新着情報 / カート / 購入手続き / 会員ページ）
- 業種
- アパレル・インナーウェア
- ロール
- ECサイト構築 / サイト設計 / デザイン / フロントエンド実装 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
PAGE — 商品特集ページ
特長・愛用者の声・関連商品を、購入までの流れに沿って配置
サイトの中から、商品特集ページを、PC版・スマホ版で掲載しています。商品の特長を3つのポイントに整理し、各ポイントに愛用者の声を組み合わせました。商品ページへのボタンは、ページの上部・中盤・後半に繰り返し置いています。ベージュとピンクを基調にした、やわらかい配色です。
- モデル写真と5色のカラー展開を上部に配置
- 3つのおすすめポイントを写真付きで説明
- ポイントごとに愛用者の声を掲載
- コーディネート商品を色切り替えで紹介
Results
成果
インナーからレッグウェアまで幅広い商品を、カテゴリ・シリーズ・特集から探し、購入まで完結できるブランドの公式通販サイトとして構築しました。
Tech Stack