キャリアブリッジ転職相談LP制作｜模擬トライアル案件

模擬トライアル案件

キャリアブリッジ転職相談LPデザイン

挑戦前チェックから初稿制作、コーチ添削、納品までを1ページにまとめた全体版です。
上から順に読み進めることで、案件開始から提出完了までの流れを通して学べます。

模擬トライアル案件

挑戦前チェックと制作の判断ポイント

LESSON 1-1 キャリアブリッジ転職相談LPデザイン ⏱ 所要時間：全体の10〜15%

レッスン解説動画

GOAL

このレッスンのゴール

✓
挑戦条件を確認できる
✓
目的・優先順位・視認性・トンマナ・CTAの5軸で制作方針を説明できる
✓
要件を読む順番を説明できる
✓
LP制作特有の判断ポイントを説明できる

LPは、限られたページの中で情報をすべて説明するものではありません。
転職を迷っているターゲットの不安に寄り添いながら、無料キャリア相談の予約という行動へ自然につなげる制作物です。

キャリアブリッジ案件では、不安をあおらない共感コピー、信頼形成、複数CTAの配置と一貫性が学習の核になります。

挑戦前チェックと判断する5軸

案件へ挑戦する前に、次の項目を確認しましょう。

✓

挑戦前チェック

前提教材を完了した

「WEBデザイン・イントロダクション」と使用ツールの基礎教材が前提になる

必要な制作時間を確保した

想定12から16時間、完了目安6から8日を見込んでおく

使用ツールで基本操作と書き出しができる

PC幅1440px、SP幅390pxの両方を扱う必要がある

不明点をコーチへ質問できる

案件要件を制作判断へ変換する経験が少ない段階では、抱え込まないことが大切

高品質な制作物は、次の5つの軸で判断します。

軸	キャリアブリッジ案件での内容
目的	無料キャリア相談の予約獲得につながっているか
情報の優先順位	ファーストビューで価値が伝わる順序になっているか
視認性	スマートフォンでも文字とCTAを読めるか
トンマナ	誠実・前向き・押しつけないの印象になっているか
CTA	無料相談を予約する行動が具体的に分かるか

要件を読む順番

要件は、次の順番で読み取ります。

制作目的
ターゲット
媒体・閲覧環境
必須掲載情報
CTA
支給素材と裁量範囲
トンマナ・禁止事項
納品条件

✓ Point !

裁量範囲を先に確認する

この案件はLevel 2で、支給情報を基に一部の構成・コピー・素材選択を受講生が判断します。どこまでが支給された確定情報で、どこからが自分の判断範囲かを先に切り分けておきましょう。

今回の判断ポイント

✓

LP制作特有の判断ポイント

不安をあおらない共感コピー、信頼形成、複数CTAの配置と一貫性

今回の学習の核であり、セクションを組む前に意識しておく

必須情報を削らず、重要度に応じて強弱をつける

すべてを同じ大きさで並べると、伝わるべき情報がぼやける

ターゲットの状況とCTAの間に無理がないか確認する

共感や情報提供を飛ばしていきなり申込を迫ると離脱につながる

支給事実と提案表現を区別する

サービス資料にある事実と、自分が考えた見せ方を混同しないため

完成物だけでなく、判断理由を言語化する

添削依頼や納品時に、なぜその構成にしたかを説明できる状態にする

制作方針メモ

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

項目	記入欄
最初に伝えること
主要な情報の順番
ビジュアルの役割
CTAの見せ方
ターゲットに合わせた工夫
法令・権利・仕様で確認すること

入力内容はこのブラウザに保存され、次回このページを開いたときに復元されます。別の端末・ブラウザからは見れず、キャッシュをクリアすると消えてしまうため、大事な内容はメモやNotionにも控えておくと安心です。

SUMMARY

案件へ挑戦する前に、前提教材の完了と制作時間の確保を確認する
高品質な制作物は、目的・優先順位・視認性・トンマナ・CTAの5軸で判断する
要件は制作目的からターゲット、媒体、必須情報、CTA、支給素材、トンマナ、納品条件の順に読み取る
不安をあおらない共感コピー、信頼形成、複数CTAの配置と一貫性が今回の学習の核になる
支給事実と自分の提案表現を区別し、判断理由を言語化できる状態にしておく
次のレッスンでは、キャリアブリッジ案件の要件と支給素材を確認し、LPの初稿を制作する

CHECK

理解度チェック

挑戦条件と5つの判断軸を確認できるか？

前提教材の完了、制作時間の確保に加え、目的・優先順位・視認性・トンマナ・CTAの5軸で制作方針を判断します。

要件を読む順番を説明できるか？

制作目的からターゲット、媒体・閲覧環境、必須掲載情報、CTA、支給素材と裁量範囲、トンマナ・禁止事項、納品条件の順に読み取ります。

LP制作特有の判断ポイントを説明できるか？

不安をあおらない共感コピー、信頼形成、複数CTAの配置と一貫性を意識し、支給事実と提案表現を区別します。

模擬トライアル案件

キャリアブリッジ案件の要件確認と制作

LESSON 1-2 実践課題：LP初稿制作 ⏱ 所要時間：全体の55〜65%

レッスン解説動画

GOAL

このレッスンのゴール

✓
案件ブリーフを確認できる
✓
支給素材を確認し、正しく使用できる
✓
制作前に決めることを整理できる
✓
法律・権利上の注意点を守って制作できる
✓
品質基準を満たすLP初稿を完成できる

キャリアブリッジ案件では、転職を迷っている状態への共感を先に示し、相談の特徴と流れで安心材料を積み上げてから、無料キャリア相談の予約へ自然につなげることを優先します。
支給素材と事実情報を正確に使い、共感、相談の特徴、相談の流れ、相談員紹介、利用者の悩み例、FAQ、CTAの順に情報を整理して制作しましょう。

案件ブリーフを確認する

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

項目	内容
クライアント	キャリアブリッジ（Career Bridge）、転職相談サービス
中心ターゲット	転職を迷っている20代後半から30代前半の会社員
制作目的	無料キャリア相談の予約獲得
制作物	転職相談LPのPC・スマートフォンデザイン1ページ
仕様	PC幅1440px、SP幅390px
CTA	無料相談を予約する
トンマナ	誠実・前向き・押しつけない

必須掲載情報は、次のとおりです。

相談の特徴（相談だけでも可、オンライン60分、求人紹介を前提としない）
相談の流れ
相談員紹介
利用者の悩み例
FAQ
CTA：無料相談を予約する
個人情報注記

この案件はLevel 2のため、支給情報を基に構成・コピー・素材選択の一部を自分で判断します。
禁止事項は次の「法律・権利上の注意」で確認します。

支給素材を確認する

今回支給されるのは、ロゴ、相談員写真、サービス資料、必須原稿、FAQ、ブランドガイドです。
制作を始める前に、次の項目を確認しましょう。

✓

支給素材チェック

ファイルが開ける

制作前に不足があれば早めにコーチへ確認する

原稿・数値・条件を照合した

サービス資料と必須掲載情報の内容が一致しているかを確認する

ロゴ・写真・フォントの利用条件を確認した

商用利用・加工可否の範囲を把握するため

加工可能範囲を確認した

トリミング・配色調整の範囲を超えないため

不足や矛盾をコーチへ質問した

自己判断で埋め合わせず、確認してから進める

支給素材をすべて確認・ダウンロードする →

制作前に決めることと制作手順

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

情報構造と優先順位
主要ビジュアルと選定理由
見出し・本文・補足の役割
CTAの位置と表現
スマートフォン・実寸での見え方

制作手順

指定仕様（PC幅1440px、SP幅390px）で制作データを作る
必須情報をすべて仮配置する
情報を重要度別に整理する
ワイヤーまたはラフを作る
主要ビジュアルを決める
コピーと見出し階層を整える
配色・フォント・余白を適用する
CTAと導線を調整する
相談員紹介・個人情報注記など、カテゴリ固有の仕様を確認する
スマートフォン・実寸・レスポンシブで確認する
誤字・数値・権利・禁止表現を確認する
初稿を書き出す、または閲覧URLを用意する

✓ Point !

共感から安心・予約への流れ

ファーストビューでは「転職を一人で悩まなくてよい」共感を示し、相談の特徴と相談員紹介で安心材料を積み上げ、利用者の悩み例とFAQで疑問を解消してから、CTAへ導く構成を意識しましょう。共感を省いていきなり予約を見せると、離脱につながりやすくなります。

法律・権利上の注意

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

やってはいけないこと

根拠のない最上級表現・保証表現を追加する

「必ず転職成功」「絶対に良い条件」等は誇大表示につながる

他社との比較優位を主張する

支給情報にない比較表現は事実と異なる可能性がある

過度な不安訴求を行う

誠実・前向き・押しつけないというトンマナ方針に反する

求人紹介を前提とした表現を使う

相談だけでも可という事実と矛盾する

フォームで不要な個人情報を取得する

取得項目と同意表示は必要最小限にとどめる必要がある

ロゴの色や縦横比を変更する

ブランドガイドラインに反し、一貫したブランドイメージを損なう

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

初稿完成条件

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

✓

初稿完成条件

ファーストビューで価値が伝わる

最初の画面で何のサービスかが分からないと離脱につながる

セクション構成に論理がある

共感から安心、予約への流れが自然につながっているかを確認する

CTAまでの導線が分かる

次の行動につながらなければLPの目的を果たせない

デザインに一貫性がある

配色・フォント・余白の階層が統一されているかを確認する

スマートフォンを考慮する

SP幅390pxでの見え方を個別に確認する

必須情報とCTAに誤りがない

相談条件の誤りは信頼低下に直結する

支給素材・外部素材の権利を確認した

権利上の問題を未然に防ぐ

指定仕様で閲覧・書き出しできる

PC幅1440px、SP幅390pxの両方で確認できる状態にする

SUMMARY

制作に入る前に、クライアント設定・ターゲット・必須掲載情報を確認する
支給素材を確認し、内容の照合と権利・加工範囲を確かめる
共感、相談の特徴、相談の流れ、相談員紹介、利用者の悩み例、FAQ、CTAの順に情報を整理する
根拠のない最上級・保証表現、比較優位、過度な不安訴求は使用しない
求人紹介を前提とした表現を避け、フォームの取得項目は必要最小限にする
次のLessonでは、セルフチェックとコーチ添削を経て運営へ提出する

CHECK

理解度チェック

案件ブリーフを確認できるか？

クライアント設定・ターゲット・制作目的・仕様・必須掲載情報を確認し、制作中に参照できる状態にします。

支給素材を確認し、正しく使用できるか？

ロゴ・相談員写真・サービス資料・必須原稿等をすべて取得し、内容の照合と権利・加工範囲を確認したうえで使用します。

制作前に決めることを整理できるか？

情報構造、主要ビジュアル、見出し階層、CTAの位置、スマートフォンでの見え方を先に決めます。

法律・権利上の注意点を守って制作できるか？

最上級・保証表現や比較優位、過度な不安訴求を使用せず、フォームの取得項目を必要最小限にします。

模擬トライアル案件

セルフチェック・コーチ添削・納品

LESSON 1-3 添削から納品までの手順 ⏱ 所要時間：全体の25〜30%

レッスン解説動画

GOAL

このレッスンのゴール

✓
提出前セルフチェックを実施できる
✓
コーチへの添削依頼を準備できる
✓
フィードバックを整理し、優先順位をつけて修正できる
✓
指定形式で運営へ提出できる

初稿完成から運営への提出までは、セルフチェック→添削依頼の準備→コーチへの添削依頼→フィードバック整理→修正・再確認→運営納品という流れで進みます。
このLessonでは、その一つひとつの手順を確認します。

セルフチェック

要件

✓

要件チェック

サイズ、範囲、点数、形式が正しい

PC幅1440px、SP幅390pxの両方を満たしているか確認する

必須情報・数値・条件をすべて反映した

相談条件や個人情報注記の抜けは添削で差し戻しになる

CTAとリンク先が一致する

「無料相談を予約する」の導線が正しく機能するかを確認する

情報設計

✓

情報設計チェック

ファーストビューで価値が伝わる

最初の画面で何のサービスかが分からないと離脱につながる

セクション構成に論理がある

共感から安心、予約への流れが自然かを確認する

CTAまでの導線が分かる

次の行動につながらなければLPの目的を果たせない

デザインに一貫性がある

配色・フォント・余白の階層が統一されているかを確認する

スマートフォンを考慮する

SP幅390pxでの見え方を個別に確認する

デザイン・実装

✓

デザイン・実装チェック

配色、フォント、余白に一貫性がある

セクションごとにばらつきがないかを確認する

スマートフォンまたは実寸で確認した

制作画面のままの判断では実際の見え方と差が出る

実装まで行う場合はリンク・フォーム・レスポンシブ・エラー表示を確認した

デザインのみの提出か実装まで行うかで確認範囲が変わる

最終確認

✓

最終確認チェック

誤字脱字がない

誤字は成果物全体の信頼性を下げる

素材・フォント・個人情報・法令上の問題がない

権利上の問題やフォームの取得項目過多を防ぐ

ファイル名、フォルダ、閲覧権限が正しい

提出後の確認をスムーズにするため

添削依頼の準備

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

項目	記入欄
案件名
使用ツール
制作時間
制作目的	転職を迷っている状態に寄り添いながら信頼を積み上げ、無料キャリア相談の予約獲得につなげること。
工夫した点
迷っている点
セルフチェック

フィードバック整理と修正・再チェック

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

項目	記入欄
指摘
目的
修正内容
優先度
対応状況

指摘が複数ある場合は、この表をコピーして1件ずつ記録してください。指摘の目的に沿って修正したか、修正で別の要件を壊していないか、表示・リンク・書き出しを再確認したか、最終版と旧版を区別できるかを、修正後に確認しましょう。

運営納品

画像形式、ファイル名、提出項目等は、納品フォームの最新指定を正としてください。
教材本文には固定の詳細を重複掲載しません。

✓

運営へ提出するもの

完成物

指定形式で書き出されたデータまたは閲覧URL

編集データまたはURL

運営が制作内容を確認するために必要

制作意図

情報設計・判断理由を伝えるために必要

素材・権利記録

使用素材・フォントの権利関係を運営側で確認できるようにするため

コーチのフィードバック反映済みであること

添削を経ていない初稿の提出は不可

推奨ファイル名は「f16_final_v01」です。

納品フォームを開く →

提出後は運営の完了確認を待ちましょう。完了確認を受けたら、実践案件一覧から、現在のスキルと受講期間で完成できる案件を選び、次の挑戦に進みます。

SUMMARY

コーチへ依頼する前に、要件・情報設計・デザイン実装・最終確認の観点でセルフチェックする
添削依頼には、制作物に加えて制作目的・工夫した点・迷っている点を添える
フィードバックは目的・修正内容・優先度に分けて整理し、指摘の目的に沿って修正する
修正後は別の要件を壊していないか、表示・リンク・書き出しを再確認する
完成物・編集データ・制作意図・素材の権利記録をそろえて運営へ提出する
運営確認を受けてから、現在のスキルで完成できる実践案件を選ぶ

CHECK

理解度チェック

提出前セルフチェックを実施できるか？

要件・情報設計・デザイン実装・最終確認の観点で、初稿をコーチへ依頼する前に自分で確認します。

コーチへの添削依頼を準備できるか？

使用ツール・制作時間・制作目的・工夫した点・迷っている点を整理し、制作物と合わせて添削を依頼します。

フィードバックを整理し、優先順位をつけて修正できるか？

指摘・目的・修正内容・優先度・対応状況を整理表に記録し、指摘の目的に沿って修正します。

指定形式で運営へ提出できるか？

完成物・編集データまたはURL・制作意図・素材の権利記録をそろえ、コーチのフィードバック反映後に提出します。