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 homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
Screenshot of rej-inc.co.jp
REJ株式会社
KVの動きが細かく、面白いです。
https://rej-inc.co.jp/
2020-05-18
detail
Screenshot of sketchbook.kr
sketchbook
グリッドで制作するときの参考にクリップしています。
http://sketchbook.kr/
2020-05-25
detail
Screenshot of haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail
Screenshot of offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of butfirstchillout.com
CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail

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