【勝手にWEBサイトレビュー #05】オーストラリアにあるインテリアデザイン会社のサイト

こんにちは。

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

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

ご紹介Webサイト「Polygon Design」

https://polygondesign.com.au/

今回ご紹介するのは、オーストラリアのインテリアデザイン会社「Polygon Design」さんのコーポレートサイトです。

アクセスしてみると、右と左にスクロールできるという案内が出ます。

左側は「Product」エリアになり、建築デザインの実績を見ることができます。

右側は「Design」エリアになり、デザインした家具・インテリアが配置してあり、商品として見ることができます。

▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/polygon/38360/

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

真似したいポイント

このWebサイトを見て、真似したいと思ったポイントをご紹介します。

水平スクロールを活かした空間づくり

水平スクロールによって横長のWebサイトになっていますが、まるで本当の家を探索しているかのような感覚になります。

インテリア・空間デザイン業界では、Webでもできる限りリアルにイメージを伝えたいと思いますが、このデザインならバッチリ伝わりますね。

トップページにインテリア商品が配置してある

通常、「実際にインテリアを配置した参考画像」は、各商品ページに移動して、商品画像リストの中に載っていることが多いと思います。

しかし、トップページの3D空間にインテリア商品を配置することで、すぐにインテリアを置いた時のイメージをすることができますね。

また、商品名がリンクになっていて、クリックすることですぐに詳細ページにアクセスできるので、気になった商品をノンストレスで調べることができます。

ユーザーに親切なデザインで、コンバージョン率もアップしそうです!

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

続いて、ここはすごい!と思ったポイントをご紹介します。

リアルを感じさせるデザイン・工夫の数々

スクロールする方向によって、配置してあるテキストやインテリアを指している線が流れていく方向が異なります。

こうした奥行きを感じさせるデザイン・工夫の1つ1つがリアルを感じる理由ですね。

スクロールした時の景色の移り変わりも、実際に走っている時の景色のようにリアルです。

波動のような動作

インテリア商品の各リンクにホバーさせると、波動のような動きが起きます。

ホバーの動作でこの動きは斬新ですね!

まとめ

インテリアデザインの魅力をダイレクトに感じるデザインのWebサイトでした。

水平スクロールのWebサイト制作の参考にどうぞ!

関連記事

  • 勝手にWEBサイトレビュー

    2021.02.28

    【勝手にWEBサイトレビュー #14】イラストが可愛らしいギリシャのデザインスタジオのコーポレートサイト

    サイトレビュー

  • 2021.02.25

    【勝手にWEBサイトレビュー #13】多彩な配色とアニメーションが特徴のイタリアにある広告会社のコーポレートサイト

    サイトレビュー

  • 2021.02.21

    【勝手にWEBサイトレビュー #12】実績紹介が魅力的!南アフリカ共和国にあるWeb制作会社のコーポレートサイト

    サイトレビュー

おすすめ記事

  • 2019.03.15

    【WordPress】固定ページにページネーションを効かせる方法

    WordPress

  • 2020.11.28

    Basic認証の設定方法と注意点

    その他

  • 2020.12.16

    【CSS】フォントサイズのpx、em、remの違い

    CSS

株式会社スピカデザイン

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

https://spiqa.design/

spiqa_design