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 materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of otonamuse.jp
オトナミューズ ウェブ
カラーリングと写真のレイアウトが素敵です。
https://otonamuse.jp/
2021-11-18
detail
Screenshot of www.and-love.com
and株式会社
お洒落なオリジナル作業着に心を掴まれました。
https://www.and-love.com/
2020-08-06
detail
Screenshot of www.ionic.co.jp
ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13
detail
Screenshot of www.sbs.com.au
Story Line: Six Months of COVID-19 – The Feed – SBS
ドラッグでの操作感が素敵です。
https://www.sbs.com.au/storyline/
2020-09-07
detail
Screenshot of explorelatitude.com
Latitude – Latitude is a publication that’s as multi-faceted as you are
ワイヤーのようなボタンやレイアウトが印象的です。
https://explorelatitude.com/
2020-07-27
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of www.dystopiancreatives.com
Dystopian Creatives
レイアウトの感覚と手書きのラインが絶妙です。
https://www.dystopiancreatives.com/
2020-08-20
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of www.kokuto-shouchu.co.jp
弥生焼酎醸造所
ヘッダー背景のぼかしが良いです。
https://www.kokuto-shouchu.co.jp/
2021-06-03
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail

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