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.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of ayond.jp
AYOND
作品も含めて好みです。
https://ayond.jp/
2022-04-13
detail
Screenshot of vj-type.com
VJ Type Typefaces
フォントもサイトも美しすぎます。
https://vj-type.com/
2021-03-05
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of anvaka.github.io
Draw all roads in a city at once
出力される地図がお洒落に見えます。
https://anvaka.github.io/city-roads/
2020-09-30
detail
Screenshot of rej-inc.co.jp
REJ株式会社
KVの動きが細かく、面白いです。
https://rej-inc.co.jp/
2020-05-18
detail
Screenshot of www.artidaoud.com
ARTIDA OUD(アルティーダ ウード)
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of pieni.co.jp
PIENI
写真が素敵すぎます。
https://pieni.co.jp/
2020-11-13
detail
Screenshot of arrival.com
Arrival | Integrated Transport Ecosystem | Discover Bus and Van
プロダクトの表現と非常にマッチしているシンプルなデザインです。
https://arrival.com/
2020-08-11
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail

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