HAL幼稚園

HAL幼稚園

言語
HTML , CSS , jQuery , Photoshop/

時期
2018年9月頃/

期間
2週間〜3週間/

コンセプト
かしこく!かわいく!たのしく!

学校の課題でHAL幼稚園という幼稚園からトップページ制作の依頼があったという程で幼稚園サイトの作成を行いました。ターゲットを自分の子どもをどこの幼稚園に通わせようか悩んでいる親御さんに設定し、どのようなサイトの幼稚園ならば安心して自分の子どもを通わせようと思えるか考えながら作成しました。サイト全体に可愛らしさを表現したり遊び着頃を入れてみたりと工夫しました。ナビゲーションにどのコンテンツを配置するか、どこにどのコンテンツを置くかかなり悩みました。最終的には、ユーザが常に目にするナビゲーションの項目を6つ設けました。可愛さを演出するためマウスホバー時のアニメーションなどに少しこだわりました。ペルソナやジャーニーマップを作成後に取り組みましたが、カンプを作成せずに作ったため、コーディング中に配置変更が発生するなど、逆に時間のかかる結果になり、カンプの重要性を改めて確認できました。

【反省点】

カンプの作成を行わずにいきなりコーディングに入ったため自分の想像していたものと実際にできつつあるものとのギャップが激しく、途中で大幅な変更をすることになりました。またどのフォントを使うかで悩み、結局後回しにしてしまいました。

【解決法 & 感想】

カンプ作成の重要性をこれでもかというぐらい確認できました。今後は必ずカンプを作った上でコーディングに取り組もうと思います。またフォントに関しては、他の幼稚園のサイトを参考にしてナビゲーション部分などは思い切って画像にしてみる選択肢もあると思いました。