X
  1. TOP
  2. 【勝手にWEBサイトレビュー#27】画面スクロールで楽しめるWPテーマコレクションサイト
2022.07.27

【勝手にWEBサイトレビュー#27】画面スクロールで楽しめるWPテーマコレクションサイト

こんにちは!

Webデザインアワードで入賞しているWebサイトのご紹介第27回です。

今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます!

https://bridgelanding.qodeinteractive.com/tour/

今回ご紹介するのは、WordPressのベストセラーであるBridgeテーマのコレクションサイトです。
CSS Design Awards、Awwwardsのどちらも入賞しています。

▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/bridge-tour/38829/

▼Awwwards掲載ページ
https://www.awwwards.com/sites/bridge-tour

真似したいポイント

様々なコンテンツのレイアウト

こちらのWebサイトは、アクセスするとスクロールを促すメッセージのみが表示されています。

そこから画面をスクロールすることで、コンテンツが移り変わっていきます。

  • 文字が1文字ずつ現れる
  • 数字がカウントアップされる
  • コンテンツが回転する
  • 横からコンテンツが現れて横スクロールに変わる
  • 画像が拡大・縮小される
  • 画面が真ん中から開く

など様々表現が散りばめられています。

スクロールをするだけでこんなにも楽しめるWebサイトはとても魅力的だと感じました。

また、固定ヘッダーは常に見えているWebサイトが多い中、こちらのWebサイトでは、固定ヘッダーを覆うコンテンツもあり、斬新だと感じました。

すごい!と思ったポイント

ユーザーに求めるアクションを表すアイコン

こちらのWebサイトでは、右上にアイコンが表示されています。

コンテンツに応じて、Scroll / Focus / Wiggle / Repeat と表示内容が変わっており、ユーザーアクションがわかりやすくなっています。

カーソルのデザインを変えてユーザーアクションを示すものはよく見るものの、このように画面の一部分に固定して表示している例は珍しいと思いました。

まとめ

とにかくスクロールするのが楽しくなるWebサイトでした!
また、WordPressのテーマもたくさん掲載されているので、ぜひWebサイトを覗いてみてください!

前回のレビューはこちら!

【勝手にWEBサイトレビュー#27】画面スクロールで楽しめるWPテーマコレクションサイト
【勝手にWEBサイトレビュー#27】画面スクロールで楽しめるWPテーマコレクションサイト

この記事をシェアする

関連記事

おすすめ記事

株式会社スピカデザイン

渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。

© 2020 spiqa design

×