BLOG

スタッフブログ

ホームページ制作事例
 

【制作実績】けいあい保育園様

ローカルビジネスを行う中小企業の集客と利益最大化を目的とする
ホームページ制作会社 L-planningです。

大分県宇佐市の認可園 社会福祉法人アソカの園「けいあい保育園」様のホームページ制作を行いました。
けいあい保育園様は子どもたちの「あったか保育」を第一とし、子どもたちの心身の健やかな発育発達に努められています。

 

 

今回は新規ホームページ制作でご依頼いただきました。

 

ホームページ制作-けいあい保育園さまトップページ

けいあい保育園さま-PCトップページ

 

ホームページ制作のゴールとして、
まずは「けいあい保育園」様の認知を上げることを目標にさせていただきました。

 

そこで、

(1)けいあい保育園様の特徴をデザインで表現すること
(2)情報を読みやすく、分かりやすいホームページ

を重点におき、ホームページ制作を行いました。

 

このホームページの詳細は「制作実績 – けいあい保育園さま」をご覧ください >

 

 

水彩タッチのかわいいイラストを多用。

園の特徴として、けいあい保育園様の広い園庭に設置されている種類豊富な遊具もイラストにして、ホームページの中に使用しました。

イラスト制作用の素材として、遊具1点につき前後左右のさまざまな角度からの撮影を、けいあい保育園さまにもご協力いただいたおかげで、実際に設置されている遊具のイラスト化も実現できました。

 

 

撮影いただいた実際の遊具写真

撮影いただいた実際の遊具写真

ホームページで実際に使用した遊具のイラスト

遊具のイラストを使用した箇所

イラストは水彩タッチで手書き風に作成をして、より温かい印象が強く残るように表現をしました。

 

アニメーションで楽しい印象をUP。

スクロールすると写真拡大する動作、PCサイトの方では「目がまばたきする」や「本がめくられる」アニメーションなど、動きを要所要所にほどよく入れることで、子供らしい元気で楽しい印象も残るデザインに仕上げています。

スクロールで写真拡大の動作

スクロールで写真拡大の動作

 

 

ページ内導線は常に表示

PCサイトでは「グローバルナビゲーション」、スマホ表示では「ハンバーガーメニュー」が常に画面内に表示される追従動作で設置をしています。

忙しい保護者様がホームページを見られた際に、ほしい情報をすぐ見つけられるよう考慮しています。

 

また頻度の高い「園へのアクセス」と「園の電話番号」は、特に目立つようデザインに工夫しています。

 

PCサイト:グローバルナビゲーション

PCサイト:グローバルナビゲーション

スマホ表示は、右上に常にハンバーガーメニューを表示

スマホ表示は、右上に常にハンバーガーメニューを表示

 

すっきりと読みやすいコンテンツページ

保育園のサイトをご覧になるのは、家事や育児、お仕事に忙しい保護者の方です。忙しく時間が限られている中でも欲しい情報にさっと辿り着けるよう、サイト全体で読みやすさを意識して、大きめの文字(フォントサイズ)に読みやすい行間を心がけています。

図やイラストも多様して、視覚でも認識しやすいように制作しました。

図を利用して、理解しやすいよう工夫したコンテンツ

図を利用して、理解しやすいよう工夫したコンテンツ

 

 

ホームページ全体を通して

けいあい保育園様の特徴である「のびやかさ」「たくましさ」を、水彩タッチや温かみのあるデザイン表現や、多様したイラスト、ありのままの姿を撮影できた写真などで、理想通りの表現ができました。

 

自然豊かな土地で、心あたたかく子どもたちがのびやかに過ごしている「けいあい保育園」様の魅力が、ホームページを通じて、多くの方に伝わることを願っています。