開発実績一覧へ
ランディングページ制作アパレル(メンズ)

ワイシャツブランド 商品LP

着心地・素材・手入れのしやすさを、細部の写真で伝えるワイシャツの商品LP。

ワイシャツブランドの商品LPを表示したPC・スマートフォンのモックアップ

Overview

プロジェクト概要

ワイシャツブランド「Witford(ウィットフォード)」の商品ランディングページを制作しました。最初の画面は、着用写真とゴールドのロゴ、5タイプの商品写真で構成しています。続けてブランドのコンセプトと、「洗って干すだけ」で仕上がるノーアイロンシャツの特長を紹介しました。

Detailでは、スタイルフィット・スプリットヨーク・ガゼット・ボタン仕様・ポケット・バックスタイルの6項目を、拡大写真と比較写真で説明しています。Fabricでは3種類の生地(オックスフォード・ドビーツイル・ドビーストライプ)を紹介し、3ステップの取り扱い方法、5タイプのラインナップ、レギュラーフィットとスリムフィットのサイズ表を掲載しました。ディレクションからデザイン、コーディングまで、RuxelTechチームで対応しました。

業種
アパレル(メンズ)
ロール
ディレクション / ページデザイン / コーディング
技術
HTML / CSS / レスポンシブ対応 / ランディングページデザイン / コーディング

PAGE — ページ全体

細部の写真で、品質へのこだわりを伝える

ランディングページ全体を、PC版・スマホ版で掲載しています。ネイビーとゴールドを基調にした、ビジネス向けの落ち着いたデザインです。縫製や生地は拡大写真で見せ、従来品との違いは並べて比較できるようにしました。

  • 6つのディテールを拡大写真で説明
  • 3種類の生地の質感を写真で紹介
  • ノーアイロンの取り扱い方法を3ステップで
  • 5タイプのラインナップと2種類のサイズ表
全体をスクロールしてご覧いただけます
ワイシャツブランドの商品LPの全体スクリーンショット

Results

成果

着心地・素材・手入れのしやすさを細部の写真で伝え、サイズ選びまで完結できる商品LPとして制作しました。

Tech Stack

HTMLCSSレスポンシブ対応ランディングページデザインコーディング

Contact

まだ要件が固まっていなくても大丈夫です。

業務内容や課題を整理しながら、実現方法・開発範囲・進め方をご提案します。 まずはお気軽にご相談ください。