キッズ向けで楽しそうなワクワク感を表現したラーニングキッズ様のTOPデザインです。埼玉県所沢市のアットホームな少人数制プリスクールということで、のびのびとした英会話の授業風景写真をメインに色合いや装飾、フォントをキッズ系のPOPなもので制作しています。
背景レイヤーもドット柄・ボーダー系で変化をもたせました。幼稚園や小児歯科系webサイトに近い見せ方で、カラフルそして可愛らしいデザインイメージを重視。TOPページから下層ページまで”楽しく活き活きと学べるプリスクールらしさ”を前面に押し出しつつ、仕上げています。
英会話スクールのホームページ制作実績:埼玉県所沢市のラーニングキッズ様
雑多なイメージに注意 カラフルでPOPなデザインを表現
今回の新規ホームページ制作時はキッズを対象としたプリスクールらしさを出すため、メインカラーを1色2色に絞らず、多彩なカラーリングを行っています。背景色は白や薄いベージュ、お問合せボタン色はオレンジ色、グローバルメニューはブルー・グリーン、メインコンテンツ部分はピンクといった感じで多様な色が使用されています。
ポップなwebデザインで制作する際にありがちなのが雑多/ごちゃごちゃした雰囲気になってしまうことです。使用色や使用フォントパターン・装飾パターンが多い場合、全体的なデザインの統一感が失われがちです。
様々なデザイン表現がされているものの、基本デザインコンセプトからは外れていない見せ方等を工夫する必要があります。子ども向けの明るくワクワク系のデザインは一見、制作が簡単そうに見えて実は難しいデザインです。「装飾が無いと寂しいけれど、装飾を付けるとゴチャとしてしまう…」というパターンも多く、ヘッダーから中段メインコンテンツ、フッターまで装飾等の変化を付けつつ、雑多なイメージを回避できるよう注意しなければなりません。
POPなwebデザインに関して経験の多いデザイナーは感覚的に「これ以上の装飾やレイヤーを重ねると、うるさくなるだろう」といったPOINTが分かります。しかし、この点が感覚的にまだ分からない段階にあるクリエイターは”デザインの基本原則に沿った作り方”で進めるのが無難です。
一言でトップページデザインと言っても、各コンテンツの構図やユーザーの視線/導線の動き等を考えながら、ページ上部から下部までレイアウトする必要があります。また基本デザインや全体的統一感に重きを置き過ぎると、今後は何だかつまらないサイトになってしまうリスクがあるため、時にはデザインセオリーから少し外れ、遊び心を表現することも大切です。
キッズ向けホームページ制作時のPOINT
低学年の子どもをターゲットとしたwebサイトでは、親御さんだけでなく、そのお子さんにも響く「楽しそう!ワクワクする」見せ方がポイントとなります。キッズ向けサイトだからと、漢字を少なめでひらがなを中心に作るといったケースもありますが、それよりも動画で子供たちが楽しく学んでいる様子や一日の流れなどを見れるようにするのが有効です。
画像・音声で実際の授業の様子をサイト内に載せることで、より伝えたい内容が伝わりやすくなります。英会話教室等の場合、そこで実際に学んでいる生徒さんの感想動画や先生の挨拶動画も入学を検討している方にとって参考になるのでお勧めです。
ホームページデザインはやはり明るく前向きな雰囲気で、閲覧者が見て楽しそうな印象を与えられることが重要です。高学年や中高生向けの学習塾では堅めのイメージで信頼度重視の方向性となりますが、低学年や児童向けのサイトは”学び”よりもむしろ”楽しさ”を打ち出した方が成果率の高いサイトに仕上がります。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作をお求めなら
東京のエグゼクティブクリエイション!
---------------------------------------------------------------
◇Webサイト制作/運営に関するお問合せはこちらから
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 のエグゼクティブクリエイションTOPページへ