2021.10.16現在
3714件のデザインを掲載中
http://www.cyberagent.co.jp/

「サイバーエージェント」のホームページデザイン解説

Design Review
デザイン解説

サイトにアクセスするとまず画面いっぱいにスライドショーが表示されますが、切り替えタイミングを表すシークバーが下部に常に表示され、画面切り替えも一度画像がズームアウトして左にスライドし、新たにスライドしてきた画像がズームインして画面いっぱいに表示されるという、凝ったモーションが施されています。コンテンツエリア一見、タイル状に区切られた真っ白なエリアにテキストと矢印アイコンが表示されたシンプルなものに見えますが、マウスオーバーすると各エリアがズームアウトして角丸長方形に変形し、背景にムービーが再生されるという複雑なモーションが目を引く構成です。グリーンをワンポイントに使っている以外はモノトーンのシンプルなレイアウトで、マウスオーバーによるアニメーションが見ごたえをつけています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
サイバーエージェント
サイト名
サイバーエージェント
URL
http://www.cyberagent.co.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む