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 www.providerstore.com.au
Provider Store
日本らしさと海外のような雰囲気とが混ざっており素敵です。
https://www.providerstore.com.au/
2021-02-16
detail
Screenshot of www.flat-head.com
THE FLAT HEAD
最近海外サイトで見かけるボタンの日本アレンジの参考になります。
https://www.flat-head.com/
2021-09-16
detail
Screenshot of sketchbook.kr
sketchbook
グリッドで制作するときの参考にクリップしています。
http://sketchbook.kr/
2020-05-25
detail
Screenshot of tyrus.design
Tyrus
しっかり区切ったレイアウトが好みです。
https://tyrus.design/
2020-11-27
detail
Screenshot of konpeidou.jp
金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
とにかくロゴが好みです。
http://konpeidou.jp/
2020-05-09
detail
Screenshot of www.simplex.ca
Tools and equipment rental | Simplex
検索窓のデザインが面白いです。
https://www.simplex.ca/en-ca/
2020-09-28
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン?」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of www.mcube.fr
Mcube
グリッチ効果の使い方が面白いです。
https://www.mcube.fr/
2020-06-01
detail
Screenshot of nagoya.parco.jp
餃子の祭|名古屋パルコ RESTAURANTS &FOODHALL
世界観が好きです。
https://nagoya.parco.jp/page/gyoza/
2022-03-08
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 experiments.p5aholic.me
Web Graphic Experiments
技術も凄いしデザインも素敵です。
https://experiments.p5aholic.me/
2020-10-05
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail

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