Overview
プロジェクト概要
+phenix別注のGORE-TEXダウンジャケットの商品ランディングページを制作しました。全体を黒で統一し、最初の画面では商品写真とコピー「都市の冒険者へ、特別なGORE-TEXダウンを。」だけを見せています。続けて、素材の説明とブランドの紹介を配置しました。
「4つの機能で冬の日常を快適に」では、防風性・透湿性・耐水性・フィルパワーを、写真や図解とともに説明しています。その後、襟の形が異なる3つの型（BLACK01〜03）を着用写真で比較し、3パターンのコーディネート例を価格・商品詳細ボタンとともに紹介しました。ディレクションからデザイン、コーディングまで、RuxelTechチームで対応しました。
- 業種
- アパレル（メンズ・アウトドア）
- ロール
- ディレクション / ページデザイン / コーディング
- 技術
- HTML / CSS / レスポンシブ対応 / ランディングページデザイン / コーディング
PAGE — ページ全体
黒一色の世界観で、高機能と都会的な印象を両立
ランディングページ全体を、PC版・スマホ版で掲載しています。黒の濃淡と青のアクセントだけで構成し、商品の質感と高級感を引き立てました。機能は図解で、型の違いは着用写真で見せ、コーディネート例から商品詳細へ進める導線にしています。
- 商品写真とコピーだけのファーストビュー
- 4つの機能を写真と図解で説明
- 3つの型を着用写真で比較
- コーディネート例から商品詳細へ誘導
全体をスクロールしてご覧いただけます
Results
成果
素材の機能と着こなしの両方を伝え、型を選んで商品詳細へ進める商品LPとして制作しました。
Tech Stack
HTMLCSSレスポンシブ対応ランディングページデザインコーディング