- ACSL | 株式会社自律制御システム研究所
- KVが1スクロールでopacity:0;になるところが気持ち良いです。
-
https://www.acsl.co.jp/
2020-07-29
- Propeller & Co.
- ABOUTページのliの組み方が素敵です。
-
https://propellertokyo.jp/
2020-09-09 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- となりのカインズさん | ホームセンターを遊び倒すメディア
- ホームセンターのマガジンです。
-
https://magazine.cainz.com/
2020-07-21 - detail
- Chilly Source
- Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
-
https://chillysourcetokyo.com/
2020-05-11 - detail
- SOLES GAUFRETTE | バターゴーフレット専門店
- 色や写真の使い方が海外サイトのようです。
-
https://soles-gaufrette.com/
2020-08-04 - detail
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- Производство модульных павильонов из морских контейнеров
- 建物のデザインとサイトデザインがマッチしているように感じます。
-
https://unit-studio.ru/
2020-09-08 - detail
- Underpromise – We are a visual content agency
- 詰まり気味のセリフフォントをよく見かけるようになりました。
-
https://underpromise.agency/
2020-05-21 - detail
- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03 - detail
KVのスライド自体も凝った物になっており良いですが、1スクロールですぐにコンテンツが表示されることが良いと思いました。
モーションもストレスなく気持ち良いです。
KVのフルスクリーン表示はお洒落でインパクトもあって非常によく使う処方ですが、ディスプレイが大きければ大きいほどコンテンツまでの距離が空いてしまいます。
パララックスなどを使用したり、1スクロールでコンテンツまで自動的に移動させるなどの工夫をすることが多かったですが、こういった動きもアリだと感じました。
h2の表示アニメーションも面白いです。