月: 2019年5月

株式会社マイナビ｜2020年新卒採用サイト

＊ポイント＊

・ヘッダーにサイズの異なる画像が左から右に流れるように表示されており、右に流れきったら上からまた登場するようになっている

・テキストがあるところの背景に半透明のテキストが右から流れるように表示されているがテキスト同士でも邪魔になっていない

PLAY/UP

＊ポイント＊

・サイトを開くと音楽ありか無しかを選んでからサイト内に入ることができサイトに入ると動画が流れるようになっている

・コンタクトの色によってそのコンタクトの色の丸が沢山重なって動いているアニメーションが所々にある

・マウスの動きに合わせて背景の丸も動くようになっている

江古田まさ動物病院

＊ポイント＊

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

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

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

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

＊ポイント＊

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

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

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

東京国際フォーラム

＊ポイント＊

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

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

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

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