デザイン記録_20240117

れい
·

今日もやっていきます〜

【Webサイト】MakeReign®

海外のサイトですね〜

1.メインビューのインパクトがあり、惹かれる

スクロールをすると、このような動きになりました。

実際にスクロールすると想像できるとは思いますが、とてもインパクトがあります。

また上記の画像を確認するとわかりますが、実績が沢山掲載されています。この画像を見ると、どのようなものを作成しているかが一目でわかります。加えて先述のアニメーションで一気に惹きつけるので、サイト訪問者はこの会社のファンになることでしょう。

2.カード型・リスト型の切り替え

Our Workページを確認すると、「PAGE」と「LIST」の切り替えタブが出てきます。

PAGE

  • 写真を全面的に見せる

  • その他の情報は最低限

  • スクロールする必要がある

  • ホバー時:写真が立体的に傾く・背景が写真の色になる・タイトルに下線が入る

LIST

  • リストになっている

  • 年次等その他の情報も入っている

  • スクロール量が「PAGE」より少ない

  • ホバー時:ホバー時のみ写真が表示・背景が写真の色になる・タイトルに下線が入る

こういう魅せ方の違いをタブで表示するWebサイトは、日本であまり見かけない気がします。普段見かけない表現だったので、記録として残しておきます。

最後に

日本のサイトと海外のサイトを交互にレビューしていくのも面白いかも...と思い始めました。

@raynya
Webデザイナーです。