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 emilieholstkoch.com
emilieholstkoch
自分にはない世界観なので参考になります
http://emilieholstkoch.com/
2020-05-25
detail
Screenshot of store.tsigs.com
ゴルフウェア&ゴルフグッズ【ピージージー】
KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
https://store.tsigs.com/pgg/
2020-05-15
detail
Screenshot of www.artidaoud.com
ARTIDA OUD(アルティーダ ウード)
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of recruit.uniel.jp
UNIEL ltd. RECRUIT SITE Second Face
なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
https://recruit.uniel.jp/
2020-06-22
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of third-design.jp
THIRD CO., LTD. | Branding Agency
成果物がユニークです。
https://third-design.jp/
2020-07-21
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail

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