保育園サイト研究PART2
ファーストビューがイラストという珍しいかつ目をひくサイト。
水彩風のイラストが特徴的。
各コラムも工夫が満載。

◾️大まかなレイアウト
2カラム　
　hero部(基本情報含む) > メニュー >　お知らせ・ブログ > メッセージ >コンセプト
　>園舎紹介 > 保育園での過ごし方 > 入園案内 > 保育園概要 > 採用情報
１ページ完結型。（右のメニューは系列学校の紹介）

【FV】
　黄色というビビットなカラーを用いることで目を引くデザインに。
　(新設ということで園児も少ないため、イラストにしているのか？)
　最初から基本情報を掲載→ターゲットがもっとも知りたい情報
　メニューは目次のような役目（どんな特徴があるか一目でわかる）
　※左のメニューとは異なるメニュー

【お知らせ】
各お知らせ内容がノートのようになっている。

【メッセージ】
葉っぱの動きが面白い

【園舎紹介】
文字のグラデーションが今時かつ「かえで」を連想させる。
縦文字、横文字を組み合わせることで見やすさに
強調したいところは赤線。

【保育園での過ごし方】
他のサイトとは異なり、時計で表現しており、一目でわかりやすい。

【その他の囲み】
背景の白部分が丸みを帯びており、優しいデザインに

[ファーストビュー]
園児や施設の様子が伝わるような写真を表示。切り替えのエフェクトが面白い。
重要なお知らせがファーストビューに入っている。
ナビゲーションエリアが大きめかつ写真のフレームのようなデザインになっている。
写真の上にテキストを載せる際に見えづらいので下を白にしている。
ロゴのと保育園名が目立つ位置にあり、手書きのイラストから柔らかい雰囲気になっている。

[固定ボタン]
・採用情報　・アクセス　・PHOTO
園が特に見て欲しいコンテンツは固定されている。イラストがあるので一目でわかりやすい。
丸みを帯びたデザインや配色も、メインコンテンツと比べて目立つデザインになっている。

[About]
背景は同系色の細かいみずたま
手書き風イラストが散りばめられている。

[3項目]
ただ横に並べるのではなく、真ん中は高く設定するなど少し規則性からずらしたデザインに。
枠線や背景色の変化などないが、余白や写真をうまく生かし区別が判断できる。

[給食便り]
背景がガラッと変わり遊びごごろあるデザインで見ていて楽しい。

[SNS・見学案内]
一見バラバラした要素の並びに見えるが、あしらいのバランスが取れていて見やすい。

[FOOTER]
サイトマップ
アクセス・電話情報

■余白
たっぷり使われていているが、空きすぎなのでは？と思うところも見えた

■配色：メイン：黄色　アクセント：赤
カエデを彷彿させるデザイン

◾️文字組
フォント: Brandon Grotesque
サイズ：40px > 36px > 28px > 24px> 16px > 15px > 14px

■あしらい
保育園＝楽しい　という印象を持たせるためのあしらいがふんだんに使われている。
・水彩風イラスト
・グラデーション文字・ライン
・画像や表の囲み(丸みを帯びている)
・吹き出しのメニュータイトル