挑戦前チェック

案件へ応募する前に、次の8項目を確認しましょう。
条件を満たしていない場合は案件を開始せず、対応教材の完了、またはコーチへの相談を優先してください。

• 「WEBデザイン・イントロダクション」を完了している
• Figma／Illustrator／Photoshopのいずれか1つを完了している
• 選んだツールで、複数のセクションを持つページを組み立てられる
• 色、フォント、余白を調整できる
• PC・SPの2サイズでレイアウトを展開できる
• 制作から添削・修正・運営提出までを受講期間内に完了できる
• 現在進行中の模擬トライアル案件・実践想定案件がない
• 過去の案件がある場合、納品と運営確認が完了している

高品質なLPを判断する5つの軸

LPの完成度は、次の5つの軸で判断します。

LPが果たす役割と共感→理解→安心→行動の流れ

バナーやSNS投稿と異なり、LPは1画面では完結しません。
見込み客はスクロールしながら、次々に生まれる疑問への答えを探します。

Mellow Skin案件のターゲットは、肌の乾燥や化粧のりが気になりながらも、強い勧誘や施術内容への不安からサロン利用を迷っている人です。
この不安を解消しないまま料金や予約ボタンを見せても、行動にはつながりません。

必須セクションは、次の4つの段階に対応させて考えます。

セクションの並び順を変える場合は、この4段階のどこに位置づくかを自分の言葉で説明できる状態にしておきましょう。

見出し・余白・写真・CTAの一貫性

見出しと本文の階層設計

各セクションの見出しは、そのセクションで最も伝えたい1点だけを示します。
見出しと本文の文字サイズ・太さの差は、全セクションで統一しましょう。装飾のための強調（過度に大きい文字、色数の多用）は避けてください。

余白・写真・CTAの一貫性

セクション間の余白を均一にし、間隔でリズムを作ります。
写真のトーンや、CTAの文言・色・形はFVと最終CTAで統一しましょう。

次の点を確認しましょう。

• 見出しの文字サイズ・太さが全セクションで統一されている
• 3つの特徴・施術の流れなど、項目が並ぶセクションの見出し・本文・アイコンの位置関係が揃っている
• セクション間の余白が均一である
• 写真のトーン（明るさ・色味）がページ全体で揃っている
• CTAの文言・色・形がFVと最終CTAで統一されている
• 装飾を増やすのではなく、余白で情報を整理している

SPでの可読性と制作に詰まったときの対処

SPでの可読性

1440pxでの見た目だけでなく、390px相当の縮小表示でも確認しましょう。
複数カラムの要素はSPで縦積みにしたときの順序を決めておき、文字サイズや行間、CTAボタンの押しやすさを確認してください。

参考LPを調べる場合

美容サロン、フェイシャルエステ等の複数例を見て、1つのデザインをそのまま模倣しないようにします。
セクション順、写真の使い方、CTAの見せ方を分けて観察し、どの要素を参考にしたいかを言葉にしておきましょう。

ラフを作る場合

紙または制作ツールで、セクションの並び順とCTAの位置だけを整理します。
細かな装飾や色を決める前に情報の順序を確認し、1案で決まらない場合は簡単な配置案を2〜3案作って比較してください。

制作方針メモ

ここまでの内容を使って、制作方針を言葉にしておきましょう。提出や合否判定はありません。

案件ブリーフを確認する

制作に入る前に、案件の設定をもう一度確認します。

必須セクションは次の10点です。順序には理由があり、並べ替える場合はセクション4の4段階に沿って説明できる状態にしてください。

1. FV
2. 悩みへの共感
3. 体験内容
4. 3つの特徴
5. 施術の流れ
6. 料金
7. 利用者コメント
8. FAQ
9. 店舗情報
10. 最終CTA

支給素材を確認する

今回支給されるのは、ロゴ、PC・SPのワイヤー、店舗写真3点、施術イメージ4点、スタッフ写真1点、アイコン11点、LP全文原稿、サービス情報シート、ブランドガイド、予約ページURL、素材利用上の注意事項です。
制作を始める前に、次の項目を確認しましょう。

• ファイルをすべて取得できる
• ワイヤーが示すセクション順を確認した
• 全文原稿を確認した
• ブランドカラー・フォントを確認した
• 価格・所要時間・注意事項を確認した
• 予約ページURLを確認した
• 外部素材を追加する必要がないことを確認した

制作ノウハウをMellow Skin案件に活かす

一般的なLP制作のポイントを、今回の案件へ次のように当てはめます。

構成意図とデザインルールを確認する

支給ワイヤーは、次の順番でセクションを並べる意図を示しています。制作前にこの意図を自分の言葉で整理しましょう。

ワイヤーはセクション順を示す骨子であり、レイアウトの完成解答ではありません。
見出しの大きさ、写真の配置、余白の取り方は自分で判断してください。

デザインルールを作成する

制作に入る前に、以下をまとめたデザインルールを自分用に作成しましょう。

制作前に決めること

制作に入る前に、次の6点を決めておきましょう。

制作手順と制作ヒント

次の手順で初稿を仕上げます。

1. 支給ワイヤーの要件を、自分のツールのアートボードとして分類する（要件分類）
2. 構成意図を自分の言葉で整理する
3. デザインルールを作成する
4. FVを制作する（ロゴ、メインコピー、サブコピー、価格訴求、CTA）
5. 主要セクション（悩みへの共感〜店舗情報）を、原稿と支給素材を使って順に制作する
6. 最終CTAを制作する（FVと同一のCTA文言・見た目で統一する）
7. PC全体を通して見て、余白・階層・配色の一貫性を調整する
8. SPへ展開する（縦積みの順序、文字サイズ、CTAの押しやすさを確認する）
9. 通読確認を行う（PC・SPとも、FVから最終CTAまで通しで読み、情報が欠けていないか確認する）
10. 誤字、価格、店舗情報、予約URLを確認する
11. 初稿を保存する

制作ヒント

• FVでは「はじめての方も、安心してくつろげる60分。」というメインコピーを軸に、初めてでも相談しやすいこと、60分であること、初回価格であることを、互いに競合させず整理して見せます
• 利用者コメントは体験談として扱い、一般的な効果を保証するような見出しや装飾を加えません
• 施術の流れは6ステップすべてを同じ強さで見せ、特定のステップだけを誇張しません
• 料金セクションでは、支給されていない2回目以降の金額を独自に作りません
• 店舗情報は、正確さを優先し、装飾よりも読みやすさを重視します

美容広告表現上の注意

次に当てはまることをしないよう、制作中に確認してください。

• 治療・改善・若返り等、効果を医療的に断定する表現を追加する
• 「必ず」「絶対」「誰でも」等、効果を保証する表現を追加する
• 支給されていない数値・実績・利用者数・ランキングを追加する
• ロゴの色や縦横比を変更する
• 店舗写真・施術イメージの色味を不自然に変更する
• 利用条件を確認せずに外部素材を追加する

判断に迷う表現は、制作前にコーチへ確認しましょう。

初稿完成条件

提出前に、次の条件をすべて満たしているか確認してください。

• PC 1440px・SP 390pxで作成した
• 全必須セクション（10点）を含む
• 支給された全文原稿・数値をそのまま使用した
• ブランドロゴを正しく使用した
• 穏やか・清潔・上質・親しみのトンマナになっている
• 共感→理解→安心→行動の順序が保たれている
• CTAの文言・見た目がFVと最終CTAで統一されている
• SPでも要素の欠落なく読める
• 禁止表現・権利上の問題がない
• 初稿を保存した

提出前セルフチェック

コーチへ添削を依頼する前に、次の4つの観点で自分の初稿を確認しましょう。

FVとCTA

• FVで対象・体験内容・CTAが分かる
• CTA表現とデザインがFV・最終CTAで統一されている

セクションの順序

• セクションの順序に理由がある（共感→理解→安心→行動の4段階で説明できる）
• 情報を詰め込みすぎていない

PC・SP

• PC・SPとも読みやすく、要素の欠落がない
• SPでCTAボタンが押しやすい大きさになっている

正確性

• 価格・店舗・予約情報に誤りがない
• 効果を保証する表現がない
• 誤字脱字がない
• ロゴの色・形・比率を変更していない
• 使用素材の利用条件を確認した

コーチへの添削依頼を準備する

制作物だけでなく、次の内容を添えて添削を依頼しましょう。

添削を依頼し、フィードバックを整理する

コーチへの添削依頼では、次の点を意識してください。

受け取ったフィードバックは、次のように整理すると修正しやすくなります。

修正後の再チェック

修正が終わったら、次の項目を確認してからコーチへ再確認を依頼します。

• 指摘内容をすべて確認した
• 対応しなかった指摘は理由を説明できる
• 必須セクションと4段階の順序が崩れていない
• PC・SPともに読みやすさを再確認した
• 誤字、価格、店舗情報、ロゴを再確認した
• コーチから運営へ提出可能との判断を受けた

納品フォームの確認と運営への提出

画像形式、ファイル名、ファイル容量、提出項目等は、納品フォームの最新指定を正としてください。
提出前に、次の項目を確認しましょう。

• 納品フォームに記載された最新条件を読んだ
• 指定された完成データを用意した
• ファイルが開けることを確認した
• 必要な記入項目を確認した
• コーチから運営提出可能の判断を受けている

提出時は、送信前に入力内容と添付ファイルを確認し、送信完了画面または提出完了の表示を確認してください。
提出後は運営の完了確認を待ちます。

合格後に実践想定案件へ進む

納品フォームから提出したあとは、運営が提出内容を確認し、修正依頼があれば対応します。
完了確認を受けたら、実践想定案件一覧を確認し、現在のスキルと受講期間で完成できる案件を1件選びましょう。

• 提出しただけで次の案件を開始しない
• 運営の完了確認後に実践想定案件へ進む
• 模擬トライアル案件と同じLPカテゴリを選ぶと、今回の学習を活かしやすい
• 別カテゴリを選ぶ場合は、対応する学習コンテンツの完了を確認する
• 複数案件を同時進行しない