- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- Cuberto — Leading digital agency
- featured projectsでの画像の見せ方が面白いです。
-
https://cuberto.com/
2020-09-03 - detail
- FACT FASHION
- キャッチコピーの使用方法が面白いです。
-
https://factfashion.jp/
2020-11-27 - detail
- Moooi
- コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
-
https://www.moooi.com/en/a-life-extraordinary
2020-05-22 - detail
- CreativeCrew
- スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
-
https://partners.cpeople.ru/en/
2020-07-08 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- REJ株式会社
- KVの動きが細かく、面白いです。
-
https://rej-inc.co.jp/
2020-05-18 - detail
- AYOND
- 作品も含めて好みです。
-
https://ayond.jp/
2022-04-13 - detail
- Dystopian Creatives
- レイアウトの感覚と手書きのラインが絶妙です。
-
https://www.dystopiancreatives.com/
2020-08-20 - detail
- Mav Farm™
- WebGLの使い方がすごいです。
-
https://mav.farm/
2020-07-16 - detail
ブラウザ依存の文字にテクスチャをのせることで、文字を加工したように見せるというアイデアが面白いです。
私が使用するならpointer-events: none;を使い、テキストのドラッグを可能にしようかと思います。