Screenshot of www.actus-interior.com
NODERIUM |アクタスのインテリアグリーン、観葉植物
コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
https://www.actus-interior.com/noderium/
2020-06-29

インテリア 未分類 のデザイン参考サイト
「 NODERIUM |アクタスのインテリアグリーン、観葉植物 」

NODERIUM |アクタスのインテリアグリーン、観葉植物
コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
https://www.actus-interior.com/noderium/
2020-06-29

コンテンツ幅自体が狭いですが、無理に広げるようなデザインにせず、逆にさらに狭い箇所を用いたりしてランダムさを出す事で、サイト全体の幅が上手く調整されて見えます。

back
Screenshot of www.houyhnhnm.jp
JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
流れる文字が直線ではないところが技術的に面白いです。
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08
detail
Screenshot of rej-inc.co.jp
REJ株式会社
KVの動きが細かく、面白いです。
https://rej-inc.co.jp/
2020-05-18
detail
Screenshot of www.wildsouls.gr
Wild Souls
ロゴに合わせたイラストが素敵です。
https://www.wildsouls.gr/en/
2021-02-26
detail
Screenshot of 10th.mimt.jp
三菱一号館美術館の10年
「ロゴデザインのゆくえ」というコンテンツが素敵です。
https://10th.mimt.jp/pc.html
2020-07-22
detail
Screenshot of ndcosd.jp
NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
noteと合わせて見ると学ぶべき箇所が多いです。
https://ndcosd.jp/
2020-07-29
detail
Screenshot of urakawashota.com
omote
2カラムが、新しいレイアウトのように感じました。
https://urakawashota.com/
2021-02-19
detail
Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of www.sa-n-yo.co.jp
アルパカ as こだわり綿棒
FVのインパクトが素敵です。
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24
detail
Screenshot of www.impact.compassion.com.au
Your 2021 Neighbourly Impact
全体の雰囲気がすごく好みです。
https://www.impact.compassion.com.au/
2022-01-07
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。