今回は「キッズ・子育て編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。

個人用まとめサイトですが、参考にしていただければと思います。

●GREEN BATON | HELLY HANSEN（ヘリーハンセン）公式サイト - GOLDWIN

サイト全体のレイアウトやカラーの使い方も美しいですが、このサイトの一番注目すべきポイントはキービジュアルです。
スクロールに合わせて、左の子供から右にいる子供へバトンが渡され、サイトを見ているユーザーに向かって走ってきます。
キャッチャーコピーの「つないでいこう、未来のために。」とリンクするキービジュアルの作り方は参考になります。
またナビゲーションのバトンのキャラクターも、ページが進むと一緒に動くという「つなぐ」が表現されています。

• TYPE：特設サイト

• FONT：futura-pt,Zen Kaku Gothic New

• COLOR：

●先輩パパ・ママ大後悔！撮っときゃよかった〜アルバム｜PowerShot PICK スペシャルサイト

「撮っときゃよかった〜」をキャッチフレーズに、大切な子供の成長を自然体で撮影できる商品です。
「撮っときゃよかった〜」な場面を例にあげ、商品の良さを紹介しています。
後悔している親御さんの姿をイラストで表現し、子供の写真は実写にすることで、商品で撮影した写真を強調して表現しています。
また「撮っときゃよかった〜」を場面ごとにカテゴリー分けし、その中の写真に対して漫画のような効果音などの表現をしています。
場面の分かりやすさや写真を撮ったときの様子がより伝わってくることで、「こういう場面あるよね！」と共感を生み、商品の購入へとつなげている参考になるサイトです。

• TYPE：特設サイト

• FONT：Noto Sans JP

• COLOR：

●うおみこども園 | 鹿児島県指宿市のこども園

保育園や幼稚園などのサイトといえば、明るい印象を受けるデザインのサイトが多いですが、こちらのサイトはタイトル通り「ちょっと変だぞ」と一瞬感じるデザインになっています。
「変」という言葉をキーワードとしているので、「一般的な保育園といえば…」というようなデザインではないのも納得です。
その特徴として、まず背景が暗いことです。
暗いだけで「黒」ではなく、よく見ると緑がかっています。
背景の暗い緑とハロウィンのようなイラストやカラーの使い方、レイアウトは計算されていて参考になります。
やはりコンセプトにあったデザインであり、狙いが伝わるということが重要だと感じる1サイトです。

• TYPE：ブランドサイト

• FONT：Fredoka One,M PLUS Rounded 1c,

• COLOR：

●無二保育園

ビーズのようなイラストが印象的な保育園のサイトです。
デザインはシンプルですが、ビーズのようなデザインがしっかりと保育園の特徴を表しています。
サイトの印象を決定する部分には「秀英にじみ丸ゴシック B」を使用し、読ませる箇所は「中ゴシックBBB」を使用し読みやすくする工夫がされています。
色はトーンを揃え、レイアウト見やすく、デザインの基本的な部分を抑えていると感じるサイトです。

• TYPE：ブランドサイト

• FONT：秀英にじみ丸ゴシック B,中ゴシックBBB

• COLOR：

●リニエ シューレ｜ビジョントレーニング,ことばの遅れ,運動発達

認知機能をふまえた学び・育ちの支援教室のサイトになります。
子供関連のサイトというとパステルカラーや原色に近いカラフルな色使いをよくみますが、こちらのサイトは彩度が低い落ち着いたカラーを使用しています。
この支援教室は0歳から15歳までを対象としています。
対象年齢の幅の広さや施設の信頼感がカラーから感じられます。

• TYPE：ブランドサイト

• FONT：maple-web,source-han-sans-japanese

• COLOR：

いかがでしたでしょうか？

機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。

最後までご覧いただきありがとうございました！