プロジェクト概要
株式会社プロピアの増毛サービス「ヘアコンタクト」の新規ランディングページ（LP）制作プロジェクトです。既存のサイトやLPの情報を独自に分析し、ターゲットに刺さる製品の強み（訴求ポイント）を自ら抽出してテキスト原稿を作成しました。情報設計（ワイヤーフレーム）、PC・スマートフォン双方のビジュアルデザイン、HTML/CSSによるフロントエンド実装まで、LP制作における全工程を単独で担当しています。
基本情報
プロジェクト: 「ヘアコンタクト」ランディングページ（LP）制作
サイト種別: ランディングページ（販促・CV獲得用）
URL：https://propia.co.jp/haircontact/lp/
担当領域
Webディレクター / Webデザイナー / フロントエンドエンジニア
（既存情報の分析 / 原稿作成 / ページ構成 / UI・ビジュアルデザイン / HTML・CSSコーディング）
プロジェクトの目的と課題
- 製品の魅力の再定義とテキスト化: 既存LPのシンプルな内容から一歩踏み込み、点在している製品の強みを網羅的にピックアップして、説得力のあるコピー（原稿）として言語化すること。既存LPはこちら
- ユーザーの不安を払拭する情報設計: 「不自然ではないか」「日常生活に支障はないか」といったターゲット層の心理的ハードルを下げるため、機能面と感情面の両方にアプローチするページ構成を作ること。
- 一気通貫によるスピーディーな制作: 原稿作成からコーディングまでを一人で完結させ、スマートフォン閲覧にも最適化されたモダンなLPを構築すること。
施策とこだわったポイント
1. 既存コンテンツからの強み抽出と原稿作成
既存のLPやコーポレートサイトを読み込み、「0.03mmの透湿性フィルム」「至近距離でも自然な生え際」「シャンプーやスポーツも可能」といった製品の強力なUSP（独自の強み）を抽出しました。提供された原稿をそのままデザインするのではなく、自ら構成を練り、ターゲットに響くテキスト原稿を書き起こしています。
2. ベネフィットを視覚化するデザイン設計
機能の説明にとどまらず、「風が吹いても安心」「スポーツで汗をかいても大丈夫」といった、ユーザーの日常にどうポジティブな変化をもたらすか（ベネフィット）を視覚的に伝えるレイアウトを考案しました。清潔感と信頼感のあるブルーやゴールドを基調とし、既存LPから大きくデザインを刷新しています。
3. スマホ閲覧を前提としたレスポンシブコーディング
作成した構成とデザインをもとに、HTML/CSSを用いたコーディングを行いました。コンバージョン（申し込み）の多くがスマートフォンから発生することを想定し、文字の可読性やタップしやすいボタンサイズなど、モバイルファーストなレイアウト調整と実装を行っています。
成果・評価
情報を自ら取りに行き、形にする総合的なLP制作力
「原稿をもらってデザインする」という受け身の姿勢ではなく、自ら情報を集めて魅力を言語化し、ページ構成からデザイン、コーディングまでを形にしました。商材の強みを正しく理解し、ターゲットを動かすためのストーリーをゼロから構築できる、総合的なLP制作・ディレクション能力を示す実績です。
