参加条件と案件固有条件

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

この案件固有の条件も、あわせて確認してください。

目的・ターゲット・CTAの関係

高品質なバナーは、目的・ターゲット・CTAの3つが一直線につながっています。

視線の流れと情報の優先順位

Re:Step案件における情報の優先順位は次のとおりです。

1. 未経験から学べるWebデザインというテーマ
2. 無料体験レッスンであること
3. オンライン60分・参加費0円という参加しやすさ
4. CTA
5. 講師写真・受講風景等の補足情報

固定レイアウトとして答えを決めるのではなく、テーマから無料体験、予約へ自然に視線が移る状態を判断基準にしてください。

文字・余白・コントラスト・写真の扱い

制作中は、次の5項目で判断します。

小さい広告表示での確認と制作に詰まったときの対処

小さい広告表示で確認する

制作画面のまま判断せず、フィード上の縮小サムネイル相当の大きさで見え方を確認しましょう。
テーマ・無料体験・予約の3語が数秒で読み取れるか、細い文字やコントラスト不足がないかを見直してください。

参考バナーを調べる場合

教育系・スクール系のMeta広告を複数見て、1つのデザインをそのまま模倣しないようにします。
配色、文字組み、写真の使い方、CTAの見せ方を分けて観察し、どの要素を参考にしたいかを言葉にしておきましょう。

ラフを作る場合

紙または制作ツールで、写真・コピー・CTAの位置だけを整理します。
細かな装飾や色を決める前に情報の優先順位を確認し、1案で決まらない場合は簡単な配置案を2〜3案作って比較してください。

制作方針メモ

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

要件を必須・任意・禁止に分ける

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

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

• Re:Stepのブランドロゴ
• 未経験から学ぶWebデザイン
• はじめの一歩を、今日から。
• 無料体験レッスン
• オンライン60分
• 参加費0円
• CTA：無料体験を予約

任意要素は講師写真・受講風景写真・学習画面モックの使用などで、制作の狙いに合わせて選びます。
禁止事項は次の「法律・権利上の注意」で確認します。

支給素材を確認する

今回支給されるのは、ロゴ、講師写真2点、受講風景写真2点、学習画面モック2点、必須コピー一覧、無料体験の概要シート、ブランドガイド、素材利用上の注意事項です。
制作を始める前に、次の項目を確認しましょう。

制作ノウハウをRe:Step案件に活かす

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

制作前に決めること

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

• 講師写真・受講風景写真のどちらを主役にするか
• メインコピーの配置
• オンライン60分・参加費0円のまとめ方
• CTAの配置と形
• ブルー系統とイエローの使用バランス

制作手順と制作ヒント

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

1. 1200×628pxの制作データを新規作成する
2. ブランドカラーと使用フォントを設定する
3. 主役にする写真を配置する
4. メインコピーと補足情報を配置する
5. オンライン60分・参加費0円を整理して配置する
6. CTAを配置する
7. ロゴをセーフエリアを守って配置する
8. 文字サイズ、余白、整列、コントラストを調整する
9. 実寸表示・縮小表示の両方で見え方を確認する
10. 誤字、数字、ロゴ、写真を確認する
11. 初稿を保存する

制作ヒント

• テーマ・無料体験・予約の3段階が自然に読める設計にする
• 装飾より、人物の視線とCTAの位置を優先する
• 講師写真・受講風景写真を両方使う必要はない
• イエローを背景全体に使わず、CTAや小さなアクセントに留める
• 補足情報は、主役ではなく参加のハードルを下げる情報として扱う
• CTAの周囲に十分な余白を取る
• ロゴの色や比率は変更しない

法律・権利上の注意

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

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

初稿完成条件

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

• 1200×628pxで作成した
• 必須コピーをすべて反映した
• Re:Stepロゴを正しく使用した
• 講師写真または受講風景写真を使用した
• 前向き・信頼感・親しみ・清潔感のトンマナになっている
• テーマと無料体験レッスンが一目で認識できる
• CTAが読み取れる
• 小さい表示でも主要情報が読める
• 禁止表現・権利上の問題がない
• 初稿を保存した

提出前セルフチェック

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

要件

• サイズ（1200×628px）、点数、掲載媒体を満たしている
• 必須コピーをすべて正しく記載した
• 支給素材を利用条件どおりに使用した
• 要件にない効能・実績・保証表現を追加していない

情報設計

• 無料体験とWebデザイン講座であることが一目で分かる
• テーマ→無料体験→参加しやすさ→CTAの優先順位が明確
• 情報を詰め込みすぎていない
• CTAが明確で、小さい表示でも読める

デザイン

• ターゲットに合う、前向き・信頼感・親しみ・清潔感のある印象になっている
• 写真が装飾に埋もれていない
• 文字と背景のコントラストが十分
• イエローの使用範囲が限定的で安売り感が出ていない
• 整列・余白・要素間隔が整っている
• 縮小表示でも主要情報が読める

最終確認

• 誤字脱字がない
• オンライン60分・参加費0円の数字が正しい
• ロゴの色・形・比率を変更していない
• 講師写真・受講風景写真の色味を不自然に変更していない
• 支給素材の利用条件を守っている
• 根拠のない成果保証を加えていない

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

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

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

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

• 最低1回は添削を受ける
• 指定された連絡場所・提出方法を使用する
• 判断を丸投げせず、制作意図と迷っている点を整理して伝える
• 受け取った指摘を、目的・優先度・修正内容に分けて理解する

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

修正後の再チェック

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

• 指摘内容をすべて確認した
• 対応しなかった指摘は理由を説明できる
• 必須要件が崩れていない
• 情報の優先順位が改善されている
• 小さい表示での視認性を再確認した
• 誤字、数字、ロゴ、写真を再確認した
• コーチから運営へ提出可能との判断を受けた

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

画像形式、ファイル名、ファイル容量、提出項目等は、納品フォームの最新指定を正としてください。
編集元データは提出対象にせず、制作意図などの必要事項は完成物と一緒に納品フォームへ記載します。

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

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

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

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

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