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.hitachi-ip.co.jp
新卒採用:日立インダストリアルプロダクツ
ボトムに固定されたテキストが今風で素敵です。
https://www.hitachi-ip.co.jp/recruit/newgraduate/
2020-05-09
detail
Screenshot of otonamuse.jp
オトナミューズ ウェブ
カラーリングと写真のレイアウトが素敵です。
https://otonamuse.jp/
2021-11-18
detail
Screenshot of mabataki.jp
株式会社マバタキ
見たことのある実績が並んでいます。
https://mabataki.jp/
2020-10-16
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of www.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail
Screenshot of www.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail
Screenshot of www.otsuka.co.jp
CalorieMate to Programmer | 大塚製薬
デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04
detail
Screenshot of www.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン?」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of sep.co.jp
SEP,inc.
ハンバーガーメニューに対するカーソルの動きが面白いです。
https://sep.co.jp/
2021-12-15
detail
Screenshot of boards.boldare.com
Boldare Boards — the online collaboration app
あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
https://boards.boldare.com/
2020-10-27
detail

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