Screenshot of www.ionic.co.jp
ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13

美容 のデザイン参考サイト
「 ionic (アイオニック) 」

ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13

最近は、スクロールをすることでシーンが変わっていくデザインが多く見られるようになりました。
しかし、一部サイトではシーンが変わるまでに時間がかかり、正常に動いているのかわからないものもあります。
そういったイライラを解消するのに、今回のオブジェクトやスクロールバーの表示が必要だなと感じています。
特にスクロールバーがデザイン的に抵抗があるシーンでは、今回のオブジェクトが有効に感じます。
また、スクロールの逆回転にも対応しているところが良いです。

back
Screenshot of getsuperfluid.com
Superfluid | Products are tools, we are beauty
詳細ページのアイコンやマーキーなどがサイト全体にあっています。
https://getsuperfluid.com/
2020-07-22
detail
Screenshot of wota.co.jp
WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15
detail
Screenshot of www.hitachi-ip.co.jp
新卒採用:日立インダストリアルプロダクツ
ボトムに固定されたテキストが今風で素敵です。
https://www.hitachi-ip.co.jp/recruit/newgraduate/
2020-05-09
detail
Screenshot of grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of lesinge.paris
Le Singe
リアルなものにマウスを追いかけられたのは初めてです。
https://lesinge.paris/fr
2020-12-15
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of ellissitzky.tilda.ws
Эль Лисицкий
大胆なレイアウトが素敵です。
http://ellissitzky.tilda.ws/
2022-02-22
detail
Screenshot of www.igaming.studio
iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
https://www.igaming.studio/
2020-08-31
detail
Screenshot of www.toei.co.jp
ACTION!
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail

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