環境教育とプログラミングの子ども向けスクール

企業様のサービス紹介ページとなるサイトを制作しました。
環境教育とプログラミングを融合させたスクールという架空のスクールを考えて、スクールの授業内容や教育理念などのコンテンツ内容も自身で設定しました。

担当:デザイン、ワードプレスでの制作

制作日数:1日

ペルソナ:小学3年生 科学技術に興味がある子

制作日数:1日
使用ツール


制作にあたって

企業様のサービス紹介ページとなるHPを制作しました。

デモサイトであっても架空企業や架空のサービス内容をしっかりと作り込んでリアリティを持たせた上でサイト制作を行う目的で、自身で架空スクールの事業内容を考えてコンテンツを作りました。
環境教育とプログラミングを融合させた小学生をターゲットにしたスクールという設定です。

【デザインにおいて工夫したところ】

FVに動画を持ってくることで、動くものに敏感な子どもの遊び心を刺激して惹きつけるものにしました。

コンバージョンを意識して、グローバルナビにはお問い合せボタンを目立つように配置しています。

環境教育とプログラミングが持っている、クリーンで知的なイメージを打ち出すために青をメインカラーにしました。
ただ、子ども向けなので温かみがある青を選んでいます。
さらに、子どもは明るい色やハッキリとした色使いを好む傾向にあるため、知的さとクリーンさの青と緑、明るさと楽しさの黄色、温かみや親しみやすさのピンクを選びました。

また、子ども向けであるため、文字よりも画像で内容を伝えやすくするために写真やイラストを多めにしています。

コンテンツの配置としては、保護者の方に安心感を与えるためにAboutと教育方針・手法を先に持って来ました。