
Overview
プロジェクト概要
ワイシャツブランド「Witford(ウィットフォード)」の商品ランディングページを制作しました。最初の画面は、着用写真とゴールドのロゴ、5タイプの商品写真で構成しています。続けてブランドのコンセプトと、「洗って干すだけ」で仕上がるノーアイロンシャツの特長を紹介しました。
Detailでは、スタイルフィット・スプリットヨーク・ガゼット・ボタン仕様・ポケット・バックスタイルの6項目を、拡大写真と比較写真で説明しています。Fabricでは3種類の生地(オックスフォード・ドビーツイル・ドビーストライプ)を紹介し、3ステップの取り扱い方法、5タイプのラインナップ、レギュラーフィットとスリムフィットのサイズ表を掲載しました。ディレクションからデザイン、コーディングまで、RuxelTechチームで対応しました。
- 業種
- アパレル(メンズ)
- ロール
- ディレクション / ページデザイン / コーディング
- 技術
- HTML / CSS / レスポンシブ対応 / ランディングページデザイン / コーディング
PAGE — ページ全体
細部の写真で、品質へのこだわりを伝える
ランディングページ全体を、PC版・スマホ版で掲載しています。ネイビーとゴールドを基調にした、ビジネス向けの落ち着いたデザインです。縫製や生地は拡大写真で見せ、従来品との違いは並べて比較できるようにしました。
- 6つのディテールを拡大写真で説明
- 3種類の生地の質感を写真で紹介
- ノーアイロンの取り扱い方法を3ステップで
- 5タイプのラインナップと2種類のサイズ表
全体をスクロールしてご覧いただけます

Results
成果
着心地・素材・手入れのしやすさを細部の写真で伝え、サイズ選びまで完結できる商品LPとして制作しました。
Tech Stack
HTMLCSSレスポンシブ対応ランディングページデザインコーディング
