*ポイント*
・ファーストビューがグリッドレイアウトになっているが、画像と画像の余白が道路になっており車が走っているアニメーションになっていてPOPな印象を持つ
・全体的に青系統で統一されている
・グリッドレイアウトになっている画像が料金プランやキャンペーン情報のページにリンクされているのでこのサイトを見に来た人が一番知りたい情報を考えて構成されている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ファーストビューがグリッドレイアウトになっているが、画像と画像の余白が道路になっており車が走っているアニメーションになっていてPOPな印象を持つ
・全体的に青系統で統一されている
・グリッドレイアウトになっている画像が料金プランやキャンペーン情報のページにリンクされているのでこのサイトを見に来た人が一番知りたい情報を考えて構成されている
*ポイント*
・各コンテンツが画面いっぱいのサイズになっているのでどのサイズの画面でも分かりやすい
・SNSアイコンをhoverするとただ色が変わるだけではなく、他の色のアイコンが下から表示されてhoverしてない状態のアイコンが上に消えるようなアニメーションになっている
*ポイント*
・画面を三分割した右側だけスクロールできるようになっている
・スケジュールの終了したイベントは全体が薄く表示されていて上に終了しましたと表示されている
・サイト全体が青とピンクになっていてポップな雰囲気
*ポイント*
・ファーストビューに赤の縁があり、サイト全体も赤色でまとめられているのでオシャレに見える
・リンクをhoverすると赤い縁が表示される
・ナビゲーションメニューをhoverすると文字を打ち消すようにしている
・スマートフォンサイズになるとハンバーガーメニューが右の下のほうで固定されている
*ポイント*
・パソコンやタブレットサイズだと料金がギャラリーの下にあるが、スマートフォンサイズになるとヘッダー画像のすぐ下に配置されていてスマートフォンユーザーに合わせている、値段が一番気になる部分だと思うのでユーザーの目線に合っている
・無料体験レッスンのリンクが右に固定されていて気になったらすぐクリックできるようになっている(スマートフォンサイズになると下に固定されている)
*ポイント*
・幼稚園のサイトということもあり、イラストをたくさん使用している
・トップの画像が内側から外側にかけて広がっているようになっていて真ん中の画像を見るように協調されている工夫がされている
・ナビボタンが旗のようになっていて棒の部分を背景画像、旗の部分を画像で表示して色を薄くしていてリアルに見える