大泉自動車教習所

大泉自動車教習所

*ポイント*

・ファーストビューがグリッドレイアウトになっているが、画像と画像の余白が道路になっており車が走っているアニメーションになっていてPOPな印象を持つ

・全体的に青系統で統一されている

・グリッドレイアウトになっている画像が料金プランやキャンペーン情報のページにリンクされているのでこのサイトを見に来た人が一番知りたい情報を考えて構成されている

ワンツーレッスン

ワンツーレッスン

*ポイント*

・各コンテンツが画面いっぱいのサイズになっているのでどのサイズの画面でも分かりやすい

・SNSアイコンをhoverするとただ色が変わるだけではなく、他の色のアイコンが下から表示されてhoverしてない状態のアイコンが上に消えるようなアニメーションになっている

ARROWS

ARROWS

*ポイント*

・ファーストビューに赤の縁があり、サイト全体も赤色でまとめられているのでオシャレに見える

・リンクをhoverすると赤い縁が表示される

・ナビゲーションメニューをhoverすると文字を打ち消すようにしている

・スマートフォンサイズになるとハンバーガーメニューが右の下のほうで固定されている

English Village

English Village

*ポイント*

・パソコンやタブレットサイズだと料金がギャラリーの下にあるが、スマートフォンサイズになるとヘッダー画像のすぐ下に配置されていてスマートフォンユーザーに合わせている、値段が一番気になる部分だと思うのでユーザーの目線に合っている

・無料体験レッスンのリンクが右に固定されていて気になったらすぐクリックできるようになっている(スマートフォンサイズになると下に固定されている)

たかみ幼稚園

たかみ幼稚園

*ポイント*

・幼稚園のサイトということもあり、イラストをたくさん使用している

・トップの画像が内側から外側にかけて広がっているようになっていて真ん中の画像を見るように協調されている工夫がされている

・ナビボタンが旗のようになっていて棒の部分を背景画像、旗の部分を画像で表示して色を薄くしていてリアルに見える