コース内容
案件レベル教材:LP制作(初案件対応)
0/2
バナーで使う文字のルールを理解する
バナーはまず読まれることが大前提です。 文字が読みにくいと、どれだけおしゃれでも意味がありません。
0/7
配置の考え方を理解する
バナーは、置く順番と位置で見やすさが決まります。 配置が悪いと、内容が頭に入りません。
0/6
色の基礎を理解する
色は「おしゃれ」のためだけではなく、目立たせる・雰囲気を作る・行動を促すために使います。
0/6
写真・素材の使い方を理解する
写真選びで、バナーの質はかなり変わります。 悪い写真を使うと、全体が安く見えます。
0/6
バナーの構成を理解する
バナーは「デザイン」より先に、何を書くかの順番が大切です。
0/6
反応を取るための導線を理解する
バナーは「きれい」だけではなく、見た人に動いてもらう必要があります。
0/5
量産できるようにする
1枚作れるだけでは仕事になりません。 短時間で複数作れることが必要です。
0/4
総合確認テスト
1-9までの問題を全て出題していますのでしっかり復習しながら終了すること
0/2
CSSプロパティ一覧表をHTMLで作成する課題
CSSのプロパティーを一覧表(チートシート)を作成します。
0/1
Webクリエイター基礎講座
🎯 この教材のゴール

👉これできたら

✔ LPが1ページ作れる

✔ ポートフォリオに出せる

✔ 初案件いける

🧠 想定案件(リアル設定)

👉テーマ👇

「さんくす(就労支援)の紹介LP」

👉目的👇

  • 見学申し込み

  • 問い合わせ


🟢 ステップ①:内容を考える

✏️ 必須構成

👉これ作る👇

① キャッチコピー

② 悩み

③ 解決

④ 強み

⑤ 実績・信頼

⑥ CTA(ボタン)


🧠 例(そのまま使ってOK)

👉キャッチ👇

👉「働きづらさをサポートします」

👉悩み👇

👉「仕事が続かない」

👉解決👇

👉「自分のペースで働ける」

👉強み👇

👉「在宅OK・サポートあり」

👉信頼👇

👉「利用者の声」

👉ボタン👇

👉「無料見学はこちら」


🟡 ステップ②:ワイヤーフレーム

👉Canva or Figmaで作る

👉やること👇

  • 四角6個

  • 上から並べる

👉ポイント👇

✔ 上を大きく

✔ ボタン最後


🔴 ステップ③:デザイン

🎨 CanvaでOK

👉やること👇

  • 色つける(2〜3色)

  • フォント決める

  • 画像1枚入れる


💡 コツ

✔ シンプル

✔ 見やすい

✔ ごちゃごちゃNG


🧱 ステップ④:提出

👉提出内容👇

① 画像(スクショOK)

② タイトル

③スラッグにて


📝 タイトル例

👉「さんくすLPデザイン」