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 tela9.com
Tela9
archiveページの写真と動画を組み合わせた配置が参考になります。
https://tela9.com/
2020-07-29
detail
Screenshot of kinokoakari.com
kinokoakari
単純に欲しいです。
https://kinokoakari.com/
2020-10-15
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of emilieholstkoch.com
emilieholstkoch
自分にはない世界観なので参考になります
http://emilieholstkoch.com/
2020-05-25
detail
Screenshot of geekpictures.co.jp
GEEK PICTURES
FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
https://geekpictures.co.jp/
2020-11-25
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of dododododo.jp
cpw(シパウ)| 沖縄シークヮーサーのCCクリーム
ロゴが面白いです。
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20
detail
Screenshot of ne-ru.com
Neru inc | Brand & Service Design Studio
ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
https://ne-ru.com/
2020-06-10
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of rittorbase.jp
御茶ノ水RITTOR BASE
レイアウトが好みです。
https://rittorbase.jp/
2022-03-15
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail

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