【WEBサイト制作】保育園の架空サイト

OVERVIEW

オンラインスクールの制作課題で作成しました。 制作期間:Photoshopでデザインカンプ、ワイヤーフレーム制作:1日      Visual Studio Codeを使用し、HTML/CSSでの実装:1日



■サイトの目的、内容

・企業主導型保育園という設定で、園児を募集するためのWEBサイト。

・保育園の理念や一日の流れなど雰囲気を知ってもらい入園に繋げる。


■ターゲット

・産・育児休業から仕事に復帰する保護者。

・就労を考えている・就労している保護者。


▽ぺルソナ

29歳女性

・産・育休を取得。まもなく育児休暇の期間が終わり仕事復帰の為、保育園を探している。

・初めての保育園選びでとても悩んでいる。子どもが元気に楽しく過ごしてほしいという願いがあり、具体的に園での生活のイメージを持ちたい。

・市役所に申請すると希望通りにいかないこともある為、選んだところに入れるように直接申し込みができる企業主導型保育園を検討している。自宅か職場周辺で保育園を選びたいと思っている。

・久しぶりの仕事復帰での不安もある為、保育園が園児を募集しているということがサイトを見るだけですぐにわかると安心できそう。

・子育てと仕事を両立できると思えるような保育園を選びたい。(子どもが熱を出した時など対応してくれるのかどうか等)



■デザインイメージ、工夫した点

・安心して預けられるイメージが湧くように写真を多く用いました。

・忙しい保護者の方でもさっと見ることができるように取り組み内容や理念をわかりやす  く掲載しました。

・余白をつけてゆったりしたイメージを感じてもらえるように意識しました。

・「園児募集中」、「見学ご予約」などのワードを上部にかため、入園に繋がりやすいように意識しました。


■ワイヤーフレーム



■WEBサイト制作

使用言語:HTML,CSS

PCサイトでの閲覧のみに対応したコーディングを行いました。