Facebook 制作について
Logo

【HerTech 架空案件】プログラミング教室バナー

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

【デザインについて】

●ビジュアルイメージ

子どもが「楽しそう!」と感じ、保護者にも教室の楽しさが伝わる、明るく親しみやすいデザインを意識しました。子どもたちが実際に学んでいる様子の写真を取り入れ、楽しみながら学べる雰囲気を表現しました。

●カラー

明るく元気な印象を与える黄緑をベースに、黄緑と相性の良いオレンジや黄色をアクセントとして使用しました。子供向けサービスらしく「プログラミング教室」の部分はロゴと合わせてカラフルな配色にしました。

●タイポグラフィ

丸みのある親しみやすい文字を使用し、柔らかく楽しい印象になるようにしました。メインコピーは文字色を変えることで視認性を高め、重要な情報として目に入りやすくしました。

●情報設計

「何の教室か」「対象者」「教室のメリット」「行動喚起」の順に情報の優先順位を整理し、メインの「プログラミング教室」を大きく配置し、最後に「詳しくはこちら」のCTAへ視線が流れる構成にしました。

【工夫したポイント】

子ども向けでありながら、「保護者にも伝わる広告」を意識し、全体はポップな感じに仕上げつつ、子どもが学ぶ様子の写真を用いたり、PCがない家庭も安心できるような情報を入れたりしました。

シェア
制作について

【デザインについて】

●ビジュアルイメージ

子どもが「楽しそう!」と感じ、保護者にも教室の楽しさが伝わる、明るく親しみやすいデザインを意識しました。子どもたちが実際に学んでいる様子の写真を取り入れ、楽しみながら学べる雰囲気を表現しました。

●カラー

明るく元気な印象を与える黄緑をベースに、黄緑と相性の良いオレンジや黄色をアクセントとして使用しました。子供向けサービスらしく「プログラミング教室」の部分はロゴと合わせてカラフルな配色にしました。

●タイポグラフィ

丸みのある親しみやすい文字を使用し、柔らかく楽しい印象になるようにしました。メインコピーは文字色を変えることで視認性を高め、重要な情報として目に入りやすくしました。

●情報設計

「何の教室か」「対象者」「教室のメリット」「行動喚起」の順に情報の優先順位を整理し、メインの「プログラミング教室」を大きく配置し、最後に「詳しくはこちら」のCTAへ視線が流れる構成にしました。

【工夫したポイント】

子ども向けでありながら、「保護者にも伝わる広告」を意識し、全体はポップな感じに仕上げつつ、子どもが学ぶ様子の写真を用いたり、PCがない家庭も安心できるような情報を入れたりしました。

シェア
浜村結菜の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech 架空案件】プログラミング教室バナー-1
制作について

【デザインについて】

●ビジュアルイメージ

子どもが「楽しそう!」と感じ、保護者にも教室の楽しさが伝わる、明るく親しみやすいデザインを意識しました。子どもたちが実際に学んでいる様子の写真を取り入れ、楽しみながら学べる雰囲気を表現しました。

●カラー

明るく元気な印象を与える黄緑をベースに、黄緑と相性の良いオレンジや黄色をアクセントとして使用しました。子供向けサービスらしく「プログラミング教室」の部分はロゴと合わせてカラフルな配色にしました。

●タイポグラフィ

丸みのある親しみやすい文字を使用し、柔らかく楽しい印象になるようにしました。メインコピーは文字色を変えることで視認性を高め、重要な情報として目に入りやすくしました。

●情報設計

「何の教室か」「対象者」「教室のメリット」「行動喚起」の順に情報の優先順位を整理し、メインの「プログラミング教室」を大きく配置し、最後に「詳しくはこちら」のCTAへ視線が流れる構成にしました。

【工夫したポイント】

子ども向けでありながら、「保護者にも伝わる広告」を意識し、全体はポップな感じに仕上げつつ、子どもが学ぶ様子の写真を用いたり、PCがない家庭も安心できるような情報を入れたりしました。

シェア
浜村結菜の他の作品
foriio

あなたのforiioを無料で作成

fori.io/