Screenshot of wota.co.jp
WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15

インテリア 電化製品 のデザイン参考サイト
「 WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始 」

WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15

以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);

メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。

back
Screenshot of ne-ru.com
Neru inc | Brand & Service Design Studio
ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
https://ne-ru.com/
2020-06-10
detail
Screenshot of suppose.jp
SUPPOSE DESIGN OFFICE
建築物とサイトのデザインがマッチしています。
https://suppose.jp/
2020-12-04
detail
Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03
detail
Screenshot of studiopresto.com
Studio Presto
レイアウトが素敵です。
https://studiopresto.com/
2021-03-01
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of third-design.jp
THIRD CO., LTD. | Branding Agency
成果物がユニークです。
https://third-design.jp/
2020-07-21
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail
Screenshot of urakawashota.com
omote
2カラムが、新しいレイアウトのように感じました。
https://urakawashota.com/
2021-02-19
detail

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