TECH JUNIOR ファーストビューデザイン

概要 overview

クライアントは、株式会社div。
新しく立ち上げた小学生向けプログラミング教室のバナー広告のリンク先であるWebサイトのデザイン依頼。
サービスの対象は小学生（低学年）を想定、小学生がいる家族（親）がメインターゲット。
Webサイトの理想型は ”プログラミング感がありつつ、親しみやすく楽しいイメージ” という事。
プログラミング感を無機質な四角のフレームで演出、
"楽しそう!"と惹かれる活発なキャッチコピーを目立たせる配色とレイアウトを考えデザインしました。

• 制作期間：1日間
• 担当箇所：デザイン
• 使用ツール：Figma
• URL：なし

制作プロセス Proccess

ターゲット

• ・テクノロジーの世界に少し興味がある小学生
• ・ゲームなど機械を触ることが好きな小学生
• ・子供（小学生）に何か習い事をさせたい、塾に通わせたいと考える親御様

デザイン

・プログラミング感を出すために少し機械など無機質な要素
子供でも気軽にプログラミングの学習を始められるという要素
その両方を組み込めたらと思いデザインを考えました。

・＂楽しく学べる！羽ばたけ未来へ！＂というキャッチコピーに
”子供たちの未来の選択肢を広げるプログラミング教室”という大事な要素が詰まっていると思い
サイトをみて最初に目が入る左端に配置しました。

配色

・背景に使った子供の写真の表情を引き立たせることを意識して色の配色はシンプルに構成を組みました。
メインに青を選択したのは、プログラミング（無機質感）が出る事、バナーとの共通点を産む事を意識して選びました。

フォント

・無機質な感じもありつつ、お堅さとカジュアルさが50:50で出せるフォントを選びました。