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 studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of factfashion.jp
FACT FASHION
キャッチコピーの使用方法が面白いです。
https://factfashion.jp/
2020-11-27
detail
Screenshot of www.stellaachenbach.com
Stella Achenbach
文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
https://www.stellaachenbach.com/
2020-06-01
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.wakabayashi.co.jp
京仏壇・京仏具・伝統工芸 若林佛具製作所
KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
https://www.wakabayashi.co.jp/
2020-06-15
detail
Screenshot of www.theclimatepledge.com
The Climate Pledge
全体の質感が素敵です。
https://www.theclimatepledge.com/
2021-02-16
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai | 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail
Screenshot of vj-type.com
VJ Type Typefaces
フォントもサイトも美しすぎます。
https://vj-type.com/
2021-03-05
detail
Screenshot of muracodesigns.com
OUTDOOR GUILD MURACO
好みのデザインです。
https://muracodesigns.com/
2020-07-27
detail
Screenshot of ninjo.gojyo-taxi.com
互助交通
テキストの上にのったマテリアルで雰囲気が出ています。
https://ninjo.gojyo-taxi.com/
2020-05-09
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of franciscamoura.com
Francisca Moura – Graphic & Interaction Designer
ローディングがコピーライトの数字というのが面白いです。
https://franciscamoura.com/
2022-02-10
detail

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