*ポイント*
・body全体に犬の足跡が右下から左上に流れる背景になっている
・ファーストビューのnewsには一番最新の記事だけ載せ、+をクリックすると過去の内容も見れるようになっている
・スクロールするとコンテンツがアニメーションで表示される、アバター紹介のところでは様々なアバターが揺れるように右から左に流れていく
・サイト全体が写真よりイラストを使用しておりPOPな印象を持つ
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・body全体に犬の足跡が右下から左上に流れる背景になっている
・ファーストビューのnewsには一番最新の記事だけ載せ、+をクリックすると過去の内容も見れるようになっている
・スクロールするとコンテンツがアニメーションで表示される、アバター紹介のところでは様々なアバターが揺れるように右から左に流れていく
・サイト全体が写真よりイラストを使用しておりPOPな印象を持つ
*ポイント*
・ヘッダーの動画に色々な文章が流れるように表示されている
・スクロールすると見出しのテキストがアニメーションで表示される
・右側にあるメニューボタンをクリックすると画面いっぱいのメニューバーになる
・マウスを動かすとマウスにCLICKという丸がついてくる
*ポイント*
・ファーストビューで名刺交換されましたか?と興味が沸くような内容になっており、バーチャルで名刺交換もできるようになっている
・各コンテンツの見出しがイラストになっている
・制作実績のところにスクロールするとヘッダーと同じ枠線が右に表示されヘッダーと繋がっているように見えオシャレになっている
*ポイント*
・ヘッター画像が事業内容が分かるようなイラストになっている
・色使いも明るい色ではなく落ち着いた少し暗めな色を選んで使用している
・スクロールするとコンテンツと風船のイラストが現れるようになっている
*ポイント*
・ヘッダー部分の下にあるソリューションのリンクをhoverするとその下にある事業内容が変わるようになっている、スマートフォンサイズになるとクリックしないと事業内容が表示されないようになっている
・ヘッダー画像の上にニュースがある
・画像にhoverすると画像の角が丸くなる
*ポイント*
・シンプルだが、黄色い枠ぶちがあり可愛いい印象
・ボタンをhoverすると黄色い線で文字を打ち消している
・画像やバナーをhoverすると少し縮小するようになっている
*ポイント*
・パソコンサイズの時からメニューバーがなくアイコンでまとめられている
・会社概要にいくと時系列になっていて内容ごとに背景画像の年数が変わっていくようになっている
・アニメーションが所々に使われているが、色を赤で統一しているからすっきりしている印象