テーマは絵本
子ども達の目の前に広がる世界を絵本として表現

幼稚園らしいかわいいサイトにすることが今回の要件だったため、子供の写真とイラストをメインに立たせつつ、フォントを縦にレイアウトすることで、絵本のような温かみのあるデザインを目指しました。
イラストは松永幼稚園固有のイメージと、温かくてかわいい雰囲気が一致するようなデザインにするため、松永幼稚園のロゴになっている「鳩」をモチーフに決定しました。
鳩のイラストはロゴのイメージを踏襲した上で、より絵本のような見た目になるように描き起こしました。

フォントには柔らかい印象を与えるためにZen丸ゴシックを使用しております。
ファーストビューファーストビューとは、ブラウザーでWebサイトを表示したときに、最初にユーザーの目に入る範囲のことである。ユーザーのモニター解像度や、ブラウザーのツールバーの設定有無、使用デバイスなどで領域や見え方は変化する。Webサイトを表示したときに必ず見える位置にあるため、広告掲載エリアとしても重要度が高い。以外でもアイコンアイコンとは、パソコンやスマホの操作画面でファイルの内容やソフトの機能などをイラストや図、記号などで表現したものである。 アイコンは、見た目で機能がわかりやすいように、機能や対象が何を表しているのか直感的に連想しやすいようにデザインされている。 また、最近ではSNSなどのプロフィール画面で使用する「プロフィール画像」のことを「アイコン」と呼ぶこともある。やイラスト、子供の写真をたようすることにより、全体を通して可愛らしく温かい印象を与えるようなデザインにしました。

ページ毎にCTAを変化
目的のページに最短ルートでアクセスさせる導線設計

全ページ共通でフッターに固定されたCTAを多く見ますが、
「何故、全文が読まれる前提でCTAが設置されているのだろう。」と導線に疑問に感じていました。

複数のページで構成されるWebサイトでは、各ページ毎に目的があるはずです。
園の紹介ページであれば入園案内、採用情報であれば採用エントリーなどと、ページ毎で目的は様々です。
複数ページで構成されるWebサイトを1ページ単位で捉え、ページ毎に目的への最短ルートがとれる導線を設置、CTRの上昇を図りました。

学校法人 杉原学園 松永幼稚園