WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

保護者の目線になってデザインされた幼稚園のサイト

      2016/10/29

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。

フラットなデザインで、スマートフォンでも見やすい構成になっています。
ロゴカラーに合わせた色合いが柔らかい雰囲気を演出しています。四隅に配置されたメニューは暖色系で配色されていて、大きさも一緒なので統一感を感じます。

全体の文字サイズを大きくするのではなく文字の間隔を広めに空けることで、ゆとりのあるレイアウトになっています。
特に個性的なフォントは使用しておらず、タイトル部分の英字を白と黒の2色でデザインしています。シンプルですが上下の余白を他のコンテンツより広めに取ることで際立って見えます。

シンプルですが、幼稚園の情報が豊富に掲載されていて保護者の目線になって作られています。
しっかりしたデザインでここになら任せても大丈夫という安心感・信頼感が演出されていて参考になります。

 - 色で表現

  関連記事

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

背景のテクスチャや全体の色合いで、心地よい空間を作ってくれそうなリフォーム会社

大阪府大阪市にあるリフォーム・リノベーションを行う会社「ゆいまーるClub(大栄 …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます… 結 …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

ダンボールの角ばった雰囲気を出すために、背景に様々な台形を散りばめる

ダンボールで作られたランボルギーニ「ダンボルギーニ」のホームページです。 ファー …

不思議の国のアリスをイメージさせるパン屋さんのサイトが可愛い!

関東を中心に店舗があるパン屋さん「マジカルチョコリングのHEART BREAD …