見出し画像

#060 Egg Forward

タイトル:エッグフォワード | 世界唯一の人材開発カンパニー

概要:コーポレートサイト

ターゲット:
・法人企業
・個人事業主
・キャリア採用を志望している方

目的:
・お問い合わせ

フォント:
たづがね角ゴシック
中ゴシックBBB
Axiforma

【気づき】
■良いところ
・引用符を使ったデザイン
→吹き出しよりもポップな印象を与えなで表現ができる。
・FV:スライダーの前後ボタンをホバーすると次のスライダーの内容が表示される。クリックするとスライダーのが画像が切り替わるだけでなく、ページ遷移される。
・FV:スクロールバーが視覚的にわかりやすい。
→「Scroll Explore」と記されたボタンが下から出てくる。
・無彩色+1色
・ロゴ画像を用いた配色
・最初のアニメーションが印象的。
→散らばった点がそのまま背景イメージとして後ろで動いている。
・メニューボタンがFVを超えたあたりで、現れる。
→お問いわせは常に固定追従
→それぞれホバーするとボタン上部にボタンの形に沿った円状の文字列が表示される。
→ページのコンテンツとは被らないような配置になっている(PC幅)
・画像だけでなくデータを指し示したインフォグラフィックスも積極的に取り入れられている。(Solutionページ)
・ボタンは全て背景色が中抜きされているビジュアルになっているので、わかりやすい。
・ページ下部(フッターより上のセクション)に次に続くコンテンツに遷移ができるようになっており、回遊性に困らない。導線の引き方が上手い。
■気になったところ

■自由記入欄
・引用符を使った手法を学んだ。
・スライダーでページ遷移ができるのは斬新だと感じた。
■まとめ
・視覚的にもわかりやすい要素が多く、ユーザに配慮した作りになっている。サイトの導線にも困らない。
・サイトの動きの軽快さがあって、配色も明るい色を採用しているので、サイトから”情熱的”な雰囲気が伝わる。

(FV)

FireShot Capture 440 - エッグフォワード - 世界唯一の人材開発カンパニー - eggforward.co.jp

(キャプチャ)

FireShot Capture 443 - エッグフォワード - 世界唯一の人材開発カンパニー - eggforward.co.jp


この記事が気に入ったらサポートをしてみませんか?