Facebook 子供のプログラミング教室バナー【Her Tech架空案件】
Logo

子供のプログラミング教室バナー【Her Tech架空案件】

クレジット
Avatar
WEBデザイナー
子供のプログラミング教室バナー【Her Tech架空案件】-1
シェア
制作ノート
制作について

子どもの未来の可能性を広げるプログラミング教室「るびーきっず」のInstagram用プロモーションバナーです。6〜12歳の小学生とその保護者をターゲットに、体験レッスンへの集客を目的として制作しました。「ご家庭にPCがなくてもOK」という独自の強みとキャンペーン情報を効果的に伝えながら、初めてプログラミングに触れる親子に安心感と期待感を届けることを意識しました。

■ビジュアルイメージ「楽しい・わかりやすい・安心」の3つのキーワードをビジュアルに落とし込みました。実際の子どもたちが教室でパソコンに楽しそうに取り組む写真をメインビジュアルに採用し、リアルな学習風景でペルソナの親御さんに「うちの子もこうなれる」とイメージしてもらいやすい構成としました。キャラクター(ロボット)を配置することで、子どもの視線もバナーに引きつける工夫をしています。

■カラー設計

明るく親しみやすい印象を与えるポップなカラーパレットを採用しました。黄色をメインカラーに据えることで、スクロール中でも視認性を高め、子どもらしいエネルギーと明るさを表現しています。緑・青・ピンクを差し色として使うことで、にぎやかさを演出しながらも統一感を保っています。

■タイポグラフィ

メインコピー「プログラミング」は特大サイズで配置し、一目で何の教室かわかるよう設計しました。手書き風・丸みのある日本語フォントを使用することで、子どもに親しみやすく柔らかい印象を演出。メリハリをつけるために見出しと本文のサイズ差を大きく取り、視線の流れを「キャッチコピー → キャンペーン情報 → CTAボタン」の順に自然と誘導しています。大見出し:特大・太字サブコピー:丸ゴシック系本文:読みやすさ重視CTA:強調カラー+太字

■情報設計

ユーザーの視線が「タイトル → ベネフィット → 写真 → 補足情報 → CTA」と流れるようにレイアウトを構成しています。
 特に「ゲーム感覚でパソコンと仲良くなる」というコピーを中央に配置することで、サービスの魅力が一目で伝わる設計にしました。
 さらに、「PCがなくてもOK」「無料貸出あり」といった保護者の不安を解消する情報を下部にまとめ、安心感につなげています。

■工夫したポイント

  • 「学習」ではなく「遊びながら体験」という印象を与え、心理的ハードルを下げた点
  • 「ご家庭にPCがなくてもOK」という最大の懸念点を下部で先回りして解消し、問い合わせへのハードルを下げました。
  • CTAボタンに「今だけ」バッジとカーソルアイコンを添えて、限定感とクリックへの誘導を強化しました。
  • 子ども向けらしいポップな世界観を作りつつ、情報量が多くなりすぎないよう整理しました。
シェア
曽野奈々の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
子供のプログラミング教室バナー【Her Tech架空案件】-1
曽野奈々の他の作品
foriio

あなたのforiioを無料で作成

fori.io/