サイトレビュー#8

5日目
今回は、幼稚園のサイトです↓
http://kyougakuji-kids.com/

デザイン
・font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;　全体的にfontサイズは小さめ。
・5色くらい使っているのに、全体が淡い色合いのため、にぎやかな雰囲気でやわらかさもある。
・イラスト感のあるかわいいデザイン。トップに園内のこどもたちの写真がスライドになっていて、我が子を通わせることを検討している保護者のかたへイメージをもってもらえるように。
・園長さんが住職さんなので、ところどころ大仏や鐘のイラストがある。（幼稚園に似つかわしくないイラストやなと思っていたので、納得です）
・屋根の下に、サイトが広がっていて、園内をのぞいてみようという感じ。
・トップにもどる気球ボタンにホバーをもっていくと、「先頭にもどる号」といっしょにウサギのイラストが出てきて、遊びごごろを感じる。
・フッターのイラストのちょっと動くようになっていて、細かいところも演出。
・イラストや文字はほぼ、画像。

コーディング
・レスポンシブになっていないので、スマホでみると見づらい。そのまま縮小されて表示される。全体的に文字も小さいので、拡大しないと文字は読めない。
・facebookの文字がいいねにかぶってる。細かくみないと見逃してしまいそうだ。細部までチェックするのって大変そうだ。
・うさぎ号にhoverしたあと、文字とうさぎのイラストがひっこむタイミングを微妙にずらしている。二つの要素がhover時にびよーんとあらわれるのを見たことがなかったと思う。こういうずらす遊びも入れられたら楽しいな。
・ほぼ画像なので、デザインカンプを作るときにサイズ感をきちんと把握して作っておかないと、コーディング時にバランスをとるのが難しそう。。

気づき
・レビューを始める前は、腰が重くてもいざやりだしたら、いろいろ見始めると止まらない。最近は、コーディングの方をつい見てしまう。
・まだ自分の知識が少なくて、目に留まる箇所や理解できる範囲が狭い。