挑戦前チェック

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

• 「WEBデザイン・イントロダクション」を完了している
• Canva／Figma／Illustrator／Photoshopのいずれか1つを完了している
• 選んだツールで、画像・文字・図形を配置できる
• 色、フォント、余白を調整できる
• 指定サイズで画像を書き出せる
• 制作から添削・修正・運営提出までを受講期間内に完了できる
• 現在進行中の模擬トライアル案件・実践想定案件がない
• 過去の案件がある場合、納品と運営確認が完了している

高品質なバナーを判断する5つの軸

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

要件を読み取る順番と情報の優先順位

案件の要件は、次の順番で読み取ります。
制作目的 → ターゲット → 掲載媒体・閲覧環境 → 必須掲載情報 → CTA → 支給素材 → トンマナ・禁止事項 → 納品条件、の順です。

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

1. 春の新色3色が登場すること
2. 商品画像と商品名
3. 春季限定・発売日
4. CTA
5. 価格・補足情報

固定レイアウトとして答えを決めるのではなく、メインコピーから商品、CTAへ自然に視線が移る状態を判断基準にしてください。

写真・文字・配色・余白の判断基準

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

• 商品画像の色と形が判別できる
• 日本語と英字のフォント数を増やしすぎない
• 背景と文字の明暗差を確保する
• 3色すべてを同じ強さで使わず、背景は淡く抑える
• 余白を装飾で埋めず、商品とコピーを引き立てる
• CTAをボタン、または明確な行動表示として認識できるようにする

スマートフォンでの確認と制作に詰まったときの対処

スマートフォンで確認する

制作画面だけでなく、縮小表示でも確認しましょう。
メインコピー、商品名、CTAが数秒で読み取れるか、細い文字や小さな補足、コントラスト不足がないか、画面端へ重要情報を寄せすぎていないかを見直してください。

参考バナーを調べる場合

春コスメ、新色リップ、コスメ広告等の複数例を見て、1つのデザインをそのまま模倣しないようにします。
配色、文字組み、商品配置、CTAを分けて観察し、どの要素を参考にしたいかを言葉にしておきましょう。

ラフを作る場合

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

制作方針メモ

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

案件ブリーフを確認する

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

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

• Bloomiaのブランドロゴ
• Bloom Petal Collection
• Petal Veil Tint
• 春の光をまとう、3つの花びらカラー。
• 春季限定・全3色
• 3月1日発売
• 1本 1,980円（税込）
• CTA：新色をチェック

色名（Sakura Mist／Apricot Bloom／Mauve Dew）は必須掲載情報に含まれません。
スペースに余裕があり、視認性を損なわない場合のみ掲載できます。

支給素材を確認する

今回支給されるのは、ロゴ、商品画像3点、カラースウォッチ、花びら素材、背景テクスチャ、必須コピー一覧、商品情報シート、ブランドガイド、素材利用上の注意事項です。
制作を始める前に、次の項目を確認しましょう。

• ファイルをすべて取得できる
• 商品画像3色を区別できる
• ロゴの使用ルールを確認した
• 必須コピーを確認した
• ブランドカラー・フォントを確認した
• 外部素材を追加する必要がないことを確認した

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

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

制作前に決めること

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

制作手順と制作ヒント

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

1. 1080 × 1080pxの制作データを新規作成する
2. ブランドカラーと使用フォントを設定する
3. 商品画像3点を配置し、見せ方を決める
4. メインコピーと商品名を配置する
5. 発売日、価格、春季限定情報を整理する
6. CTA「新色をチェック」を配置する
7. 背景と花びら素材を必要最低限追加する
8. 文字サイズ、余白、整列、コントラストを調整する
9. 縮小表示・スマートフォン相当の見え方を確認する
10. 誤字、数字、ロゴ、商品画像を確認する
11. 初稿を保存する

制作ヒント

• 商品画像3点を同じ大きさで並べる必要はありません
• 色名は無理に掲載しません
• 3色をすべて背景色へ使わず、商品自体の色を見せます
• メインコピーを装飾しすぎないようにします
• 価格や発売日は、主役ではなく購入判断を助ける情報として扱います
• CTAの周囲に十分な余白を取ります
• 花びらの数ではなく、配置のリズムで春らしさを表現します

法律・権利上の注意

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

• 根拠のない効能・効果を追加する
• 「必ず」「絶対」「No.1」等を追加する
• 支給されていない数値・実績・ランキングを追加する
• ロゴの色や縦横比を変更する
• 商品画像の色を実物と異なる色へ変更する
• 利用条件を確認せずに外部素材を追加する

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

初稿完成条件

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

• 1080 × 1080pxで作成した
• 必須コピーをすべて反映した
• 商品画像3色を使用した
• ブランドロゴを正しく使用した
• 春らしい、透明感のあるトンマナになっている
• メインコピーと商品が一目で認識できる
• CTAが読み取れる
• 小さい表示でも主要情報が読める
• 禁止表現・権利上の問題がない
• 初稿を保存した

提出前セルフチェック

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

要件

• サイズ、点数、掲載媒体を満たしている
• 必須コピー、価格、発売日を正しく記載した
• 支給素材を正しく使用した
• 要件にない効能・数値・実績を追加していない

情報設計

• 春の新色3色が最初に伝わる
• 商品名、発売情報、CTAの優先順位が明確
• 情報を詰め込みすぎていない
• CTAから次の行動が分かる

デザイン

• ターゲットに合う、上品で春らしい印象になっている
• 商品画像が装飾に埋もれていない
• 文字と背景のコントラストが十分
• フォントを増やしすぎていない
• 整列・余白・要素間隔が整っている
• スマートフォン相当の縮小表示でも読める

最終確認

• 誤字脱字がない
• 数字、税込表記、発売日が正しい
• ロゴの色・形・比率を変更していない
• 商品画像の色を不自然に変更していない
• 使用素材の利用条件を確認した

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

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

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

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

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

修正後の再チェック

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

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

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

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

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

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

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

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

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