Screenshot of www.docomosky.jp
ドローンプラットフォーム docomo sky
スクロールに応じて動画が再生されるコンテンツが増えています。
https://www.docomosky.jp/
2020-10-09

その他サービス テクノロジー のデザイン参考サイト
「 ドローンプラットフォーム docomo sky 」

ドローンプラットフォーム docomo sky
スクロールに応じて動画が再生されるコンテンツが増えています。
https://www.docomosky.jp/
2020-10-09

海外のデザイン会社などのサイトで見かけるスクロール系のコンテンツですが、デザイン系の会社ではない企業サイトでも使えるデザインに落とし込んでいます。

back
Screenshot of www.stellaachenbach.com
Stella Achenbach
文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
https://www.stellaachenbach.com/
2020-06-01
detail
Screenshot of 100daysofpoetry.gallery
100 DAYS OF POETRY
横スクロールとクリック時のアニメーションが綺麗です。
https://100daysofpoetry.gallery/
2020-05-10
detail
Screenshot of www.dystopiancreatives.com
Dystopian Creatives
レイアウトの感覚と手書きのラインが絶妙です。
https://www.dystopiancreatives.com/
2020-08-20
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of www.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail
Screenshot of magazine.cainz.com
となりのカインズさん | ホームセンターを遊び倒すメディア
ホームセンターのマガジンです。
https://magazine.cainz.com/
2020-07-21
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail

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