Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
可愛らしい保育園サイト3選 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作

可愛らしい保育園サイト3選

投稿日:

いきなりですが、みなさんはどんなテイストのデザインが好きですか?

私は子供向けのほんわかしたデザインが大好物なので、Pinterestなどでそういったデザインのサイトを見ているととても楽しいです。

そこで今回は、可愛らしい保育園のサイトを厳選して3つご紹介したいと思います。

色使いやイラストの取り入れ方、画像の切り方など、とても参考になると思うので、よかったら最後までご覧ください。

 

小浜こども園

http://obama-kodomoen.j

メインビジュアルの形が可愛くて、まるで絵本のようなサイトだな〜と思いました。

サイトが表示されるまでのローディング画面には可愛いアニメーションが設定されていて、ユーザーを苛立たせることなく楽しく待ってもらえるような工夫がされています。

 

社会福祉法人 押原こども園

https://www.oshiharakodomoen.jp/

複数の色を取り入れていながらも、すべて落ち着いた色合いで統一されているので、キレイにまとまった印象をうけるサイトです。

ヘッダーの雲のモチーフがなんとも可愛らしいですね…!各ページに飛ぶバナーのデザインも見やすく、内容が分かりやすいので参考になります。

 

社会福祉法人 有明会 有明保育園

https://ariakehoiku.com/

下にスクロールしていった時の動きが楽しいサイトです。随所にイラストが散りばめられていたり、見出しにPOPなフォントを使用していたりと、遊びゴゴロ満載です。

トップページの世界観をしっかり保ったままサブページもすべてデザインされているので、サイト全体を通して参考になります。

 

まとめ

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

どのサイトも本当に可愛らしくて、楽しい雰囲気が伝わってきますよね〜!

カラフルな配色に、丸みのあるフォントや、遊び心のあるPOPなフォントが子供向けサイトにはぴったりなんだな〜!と改めて勉強になりました。

-Webデザイン, Web制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

日本の伝統色を集めた「NIPPON COLORS」のご紹介

和風のデザインを制作するとき、配色の参考になる素晴らしいサイトを見つけたのでご紹介します。 その名も「NIPPON COLORS – 日本の伝統色」といって、日本らしい色の数々がストックさ …

ECサイト用の素材が揃った「EC design」

現在初めてECサイトの制作に挑戦しているのですが、ECサイトのデザインについて色々と検索していたところ、素敵な素材サイトに巡り合ったので今回ご紹介したいと思います。 「EC design」という名前の …

ロゴ制作の際に参考にるサイト【ギャラリー編】

現在ロゴ制作を担当しているのですが、ロゴという小さなデザインの中にも名前やメッセージ、イメージなど様々な要素を詰め込まないといけないので難しく、悪戦苦闘しています。 アイデアさえ湧けば、その後はどんど …

【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法

IllustratorはPhotoshopで作成したPSDファイルの配置が可能ですが、背景が透明のPSD画像を配置した時に、絵柄と透明部分の間にわずかな黒いライン(境界線らしきもの)が出てきてしまうこ …