挑戦前チェック

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

• 「WEBデザイン・イントロダクション」を完了している
• Figma／Illustrator／Photoshopのいずれか1つを完了している
• 選んだツールで、複数セクションからなる1ページのレイアウトを組める
• 見出し・本文・画像・図形の階層を意識して配置できる
• PC・SPそれぞれの指定サイズで書き出せる
• 制作から添削・修正・運営提出までを受講期間内に完了できる
• 現在進行中の模擬トライアル案件・実践想定案件がない
• 過去の案件がある場合、納品と運営確認が完了している

ターゲットの不安と必須情報

StudyPort案件のターゲットは、働きながらWebデザインを学びたい24〜39歳の社会人です。
この読み手が講座LPを訪れるとき、いくつかの不安を抱えています。必須情報は、それぞれの不安に答える根拠として機能します。

必須情報をどのセクションに置くかを考えるときは、まずどの不安に答えているかを意識してください。

FVの役割と情報のグルーピング

FV（ファーストビュー）は、最初の数秒で誰のための何の講座かを判断させる領域です。
必須情報をすべて説明する場所ではありません。

必須10セクションには性質の異なる情報が混在します。
次の3つの軸に分けて考えると、読み手は疑問の答えを探しやすくなります。

同じ軸の情報は近くに配置し、配色やアイコンで軸の切り替わりを視覚的に示しましょう。
長い説明文はカード・箇条書き・見出しで分解し、拾い読みできる状態を作ることが重要です。

比較しやすい見せ方とCTAの配置

受講プランでは、受講料198,000円（税込）に対して何が含まれるかを比較しやすく見せる判断が必要です。
次の3点を確認しましょう。

• 料金と含まれる支援を、表・カードで対応させている
• 受講者コメントは支給情報の範囲内で属性を揃えている
• FAQの質問文を疑問形で統一している

CTA「無料カウンセリングを予約」は、次の3か所を目安に複数回配置することを検討しましょう。

1. FV直後（早い段階で興味を持った読み手向け）
2. 受講プラン・受講者コメントの後（比較と納得が進んだ読み手向け）
3. 最終CTA（ページを読み終えた読み手向け）

PC・SPの視線設計と制作に詰まったときの対処

PC・SPの視線設計

PC（1440px）は横方向の余白を使い、比較要素を並列に配置しやすくなります。
SP（390px）は縦方向の流れがそのまま読む順序になるため、PCで横並びにした比較要素は、優先順位を決めて縦に並べ替えます。見出し・CTAボタンの文字サイズも、SPで読める大きさを確保しましょう。

参考LPを調べる場合

教育サービス・オンライン講座のLPを複数見比べ、1つのLPをそのまま模倣しないようにします。
見出し表現、情報のグルーピング方法、CTAの配置を分けて観察し、どの要素を参考にしたいかを言葉にしておきましょう。

ラフを作る場合

紙または制作ツールで、必須10セクションの並びと情報量のバランスだけを確認します。
細かな装飾や色を決める前に、疑問が生まれる順に情報が並んでいるかを確認してください。

制作方針メモ

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

案件ブリーフを確認する

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

必須掲載情報は、全文支給・文言変更不可です。

• StudyPortのロゴ
• 12週間オンライン
• 週1回の個別メンタリング
• 質問サポート
• 課題添削
• 学習時間の目安
• 受講料198,000円（税込）
• 働きながら、Webデザインを仕事につなげる12週間。
• CTA：無料カウンセリングを予約

見出し・補助コピーの表現、必須情報のグルーピング・並べ方は、Level 2として自分で判断します。
必須情報自体の変更・削除や、新しい数値・保証表現の追加は判断範囲に含まれません。

支給素材を確認する

今回支給されるのは、StudyPortロゴ、簡易ワイヤー、講座情報シート、料金・申込条件シート、講師写真2点、受講風景写真3点、学習画面モック3点、必須見出しと変更不可情報の一覧、Level 2の判断範囲説明、ブランドガイドです。
制作を始める前に、次の項目を確認しましょう。

• ファイルをすべて取得できる
• 簡易ワイヤーでセクション順を確認した
• 必須見出しと変更不可情報の一覧を確認した
• 講座情報・料金・申込条件を確認した
• 講師写真・受講風景写真・学習画面モックの内容を確認した
• ブランドカラー・フォントを確認した
• Level 2で自分が判断する範囲を確認した

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

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

制作前に決めること

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

制作手順と制作ヒント

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

1. 必須情報を10セクションに分類する
2. デザインシステム（配色・フォント・コンポーネント方針）を決める
3. FVを制作する（メインコピー・対象者・CTAへの導線）
4. 悩み・講座の特徴・学習内容を制作する
5. 学習の流れ・サポートを制作する
6. 受講プランを制作する（料金と支援内容の対応関係を整理する）
7. 受講者コメント・FAQを制作する
8. 最終CTAを制作する
9. PC版で確認した構成を、SP版（縦積み・優先順位の並べ替え）へ展開する
10. 通読し、PC・SPを比較しながら情報の流れ・余白・文字量を確認する
11. 初稿を保存する

制作ヒント

• 3つの軸を、配色・アイコン・背景の使い分けで視覚的に区別します
• 長文はカード・箇条書き・見出しで分解します
• 受講プランの料金・含まれる内容は、表またはカードで対応関係を明確にします
• 受講者コメントは属性を揃えて並べ、比較しやすくします
• FAQは質問文を疑問形で統一し、回答の長さを揃えます
• SPでは、PCで横並びにした比較要素を優先順位で並べ替えます

禁止・注意

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

• 就職・転職・収入・スキル習得を保証する表現を追加する
• 支給されていない就職率・満足度・No.1・受講者数を追加する
• 「必ず」「絶対」等の断定表現を追加する
• 必須掲載情報9項目の文言・数値を変更する
• ロゴの色・比率を変更する
• 講師写真・受講風景写真・学習画面モックを事実と異なる印象に加工する

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

初稿完成条件

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

• PC 1440px・SP 390pxで作成した
• 必須10セクションをすべて含めた
• 必須掲載情報をすべて正しい文言で反映した
• 3つの軸が視覚的に区別されている
• 受講プランの料金と内容が比較しやすく整理されている
• CTAが複数回、適切なタイミングで配置されている
• PC・SPそれぞれで文字量と余白が適切
• 禁止表現・権利上の問題がない
• 初稿を保存した

提出前セルフチェック

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

FVと情報設計

• FVで対象・期間・価値・CTAが分かる
• 情報が読み手の疑問順に並んでいる
• 講座内容とサポートの違いが明確

PC・SP表示とCTA

• PC・SPで文字量と余白が適切
• SPで比較要素が優先順位に沿って並べ替えられている
• CTAと予約導線が一貫している
• CTAが複数回、適切なタイミングで配置されている

表現・要件

• 根拠のない成果保証・数値がない
• 必須掲載情報を正しい文言で反映した
• ロゴ・写真・モック画像を正しく使用した

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

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

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

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

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

修正後の再チェック

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

• 指摘内容をすべて確認した
• 対応しなかった指摘は理由を説明できる
• 必須セクション・必須掲載情報が崩れていない
• 情報の優先順位・比較しやすい見せ方が改善されている
• PC・SPそれぞれの表示を再確認した
• コーチから運営へ提出可能との判断を受けた

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

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

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

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

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

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