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 gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of the-campus.net
THE CAMPUS
PC版で左右についたメニューが特徴的です。
https://the-campus.net/
2021-04-19
detail
Screenshot of kuwana-sc.com
桑名眼科脳神経クリニック
レイアウトの仕方でデザインしているように感じます。美しいです。
https://kuwana-sc.com/
2020-10-16
detail
Screenshot of www.opensky.jp
株式会社OpenSky
なんとなく観てしまいました。
https://www.opensky.jp/
2021-02-08
detail
Screenshot of bornsteinlyckefors.se
Bornstein LyckeforsBornstein Lyckefors
ヘッダーの表現が好みです。
https://bornsteinlyckefors.se/
2022-04-04
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of sisi.tokyo
SISI
メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
https://sisi.tokyo/
2021-01-21
detail
Screenshot of sketchbook.kr
sketchbook
グリッドで制作するときの参考にクリップしています。
http://sketchbook.kr/
2020-05-25
detail
Screenshot of konpeidou.jp
金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
とにかくロゴが好みです。
http://konpeidou.jp/
2020-05-09
detail
Screenshot of batou.jp
BATOU
写真とタイポグラフィーの組み合わせ方が面白いです。
https://batou.jp/
2021-11-04
detail

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