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

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

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

要件を読む順番

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

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

今回の判断ポイント

制作方針メモ

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

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

案件ブリーフを確認する

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

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

• コンセプト（自家焙煎コーヒー、季節の焼き菓子、古民家を改装した店内）
• メニュー
• 営業時間
• 定休日
• アクセス
• SNS導線
• 問い合わせ先

この案件はLevel 1のため、主要情報・原稿・素材の多くが支給されます。受講生は制作と品質調整に集中しましょう。
禁止事項は「法律・権利上の注意」で確認します。

サイトマップを確認する

喫茶ノッカのサイトは、次の3ページで構成されます。各ページの役割を理解してから制作に入りましょう。

支給素材を確認する

今回支給されるのは、ロゴ、店舗写真10点、メニュー表、店舗情報、全原稿、サイトマップです。
制作を始める前に、次の項目を確認しましょう。

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

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

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

制作手順

1. 指定仕様（PC1440px、SP390px）で制作データを作る
2. 共通パーツ（ヘッダー・ナビゲーション・フッター）を先に作る
3. トップページの必須情報を仮配置する
4. トップページのワイヤーまたはラフを作り、主要ビジュアルを決める
5. 下層2ページ（メニュー→店舗情報の順）を制作する
6. 配色・フォント・余白を全ページに適用する
7. CTAとナビゲーションの導線を調整する
8. スマートフォン・実寸・レスポンシブで確認する
9. 誤字・数値・権利・禁止表現を確認する
10. 初稿を書き出す、または閲覧URLを用意する

法律・権利上の注意

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

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

初稿完成条件

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

セルフチェック

要件

情報設計

デザイン・実装

最終確認

添削依頼の準備

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

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

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

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

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

運営納品

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

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

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