仮想の認定こども園「ひまわり海のこども園」です。
URL
https://himawari-umino-kodomoen.com
使用技術
Illustrator/Photoshop/HTML/CSS/jQuery
サイトについて
●サイトの目的
園の認知拡大
雰囲気や理念を紹介し、魅力を訴求
●サイトのゴール
園児獲得
園の信頼向上
ターゲット
大村市内に住む小さい子どもがいる家庭
20代〜40代の男性、女性
コンセプト
親しみやすく明るい雰囲気
海の近くのこども園
大村市にあるこども園ということで、「海の近くにある自然とたくさん触れ合えるこども園」という設定にしました。 親しみやすい雰囲気を出すために、流体シェイプなどの丸っこい形を意識して使いました。また、明るい雰囲気を出すために、明るく優しい色を使ってみました。
作ってみて
デザインについては、ちょうど良い余白の取り方、文字サイズの調整が難しかったです。また、ターゲットに合ったデザインか？親近感を覚える配色はなんだろう？など常に考えながらデザインしました。イラストを多めにすることで、子どもらしく可愛らしい印象にし、笑顔の子どもの写真を使うことで明るく親しみやすい雰囲気を出すようにしました。
コーディングについては、「お知らせ」ページの一覧をPC版の表示の際に横2列に保たせることに苦労しました。いろんなサイトを調べながらコーディングすることで完成させることができました。