カテゴリー: >青

大泉自動車教習所

＊ポイント＊

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

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

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

江古田まさ動物病院

＊ポイント＊

・ヘッダー画像が長方形ではなく多角形になっており、bottomの逆三角形のようになっている頂点にロゴ画像が表示されている

・ボタンがhoverすると中央から上下に色が変わるようになっている

・各ページに飛ぶと見出しの背景が水色のドットの背景画像になっていて見出しと本文がより区別されており、スマートフォンサイズになると背景画像ではなく水色の背景色になっており見やすい

京都造形芸術大学｜オープンキャンパス

＊ポイント＊

・画面を三分割した右側だけスクロールできるようになっている

・スケジュールの終了したイベントは全体が薄く表示されていて上に終了しましたと表示されている

・サイト全体が青とピンクになっていてポップな雰囲気

東京国際フォーラム

＊ポイント＊

・画像の幅が画面の幅いっぱいになっているので迫力があり、国際フォーラムの高級感が伝わってくる

・青系の色で統一されており、強調したいボタンだけピンクにしている

・レスポンシブになっても見やすい

・ボタンがグラデーション色になっており、hoverするとグラデーションの向きが反対になっている