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 voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of ayond.jp
AYOND
作品も含めて好みです。
https://ayond.jp/
2022-04-13
detail
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of www.point.app
Point — The do it all debit card.
カードがかっこいいです。
https://www.point.app/
2020-08-05
detail
Screenshot of experiments.p5aholic.me
Web Graphic Experiments
技術も凄いしデザインも素敵です。
https://experiments.p5aholic.me/
2020-10-05
detail
Screenshot of arrival.com
Arrival | Integrated Transport Ecosystem | Discover Bus and Van
プロダクトの表現と非常にマッチしているシンプルなデザインです。
https://arrival.com/
2020-08-11
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of grad.satuma-vidro.co.jp
grad. ice | grad.
ハンバーガーメニュー展開時のアニメーションが美しいです。
https://grad.satuma-vidro.co.jp/
2020-08-24
detail
Screenshot of kaleidozdesign.com
Kaleidoz – Value Through Design
HOMEのキューブ型ナビゲーションが面白いです。
https://kaleidozdesign.com/
2020-09-11
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail
Screenshot of be-at-tokyo.com
BE.AT TOKYO
色数の多いデザインが増えてきたように思えます。
https://be-at-tokyo.com/
2020-10-16
detail

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