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 frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of www.impact.compassion.com.au
Your 2021 Neighbourly Impact
全体の雰囲気がすごく好みです。
https://www.impact.compassion.com.au/
2022-01-07
detail
Screenshot of kuwana-sc.com
桑名眼科脳神経クリニック
レイアウトの仕方でデザインしているように感じます。美しいです。
https://kuwana-sc.com/
2020-10-16
detail
Screenshot of fullscale.jp
株式会社フルスケール
タイトルの表示方法が面白いです。
https://fullscale.jp/
2020-11-16
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail
Screenshot of therestaurant-hiroo.com
THE RESTAURANT | 広尾
全店舗の統一感が良いです。
https://therestaurant-hiroo.com/
2020-08-14
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of www.docomosky.jp
ドローンプラットフォーム docomo sky
スクロールに応じて動画が再生されるコンテンツが増えています。
https://www.docomosky.jp/
2020-10-09
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail
Screenshot of www.acc-awards.com
広告だからこそ、できることがきっとある。|2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
表示の際のアニメーションが面白いです。
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20
detail

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