今日もやっていきます〜
【Webサイト】MakeReign®
海外のサイトですね〜
1.メインビューのインパクトがあり、惹かれる
スクロールをすると、このような動きになりました。
実際にスクロールすると想像できるとは思いますが、とてもインパクトがあります。
また上記の画像を確認するとわかりますが、実績が沢山掲載されています。この画像を見ると、どのようなものを作成しているかが一目でわかります。加えて先述のアニメーションで一気に惹きつけるので、サイト訪問者はこの会社のファンになることでしょう。
2.カード型・リスト型の切り替え
Our Workページを確認すると、「PAGE」と「LIST」の切り替えタブが出てきます。
PAGE
写真を全面的に見せる
その他の情報は最低限
スクロールする必要がある
ホバー時:写真が立体的に傾く・背景が写真の色になる・タイトルに下線が入る
LIST
リストになっている
年次等その他の情報も入っている
スクロール量が「PAGE」より少ない
ホバー時:ホバー時のみ写真が表示・背景が写真の色になる・タイトルに下線が入る
こういう魅せ方の違いをタブで表示するWebサイトは、日本であまり見かけない気がします。普段見かけない表現だったので、記録として残しておきます。
最後に
日本のサイトと海外のサイトを交互にレビューしていくのも面白いかも...と思い始めました。