Screenshot of peakzone.jp

PEAKZONE: 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。; https://peakzone.jp/
2020-06-09

エンターテイメント・イベント・メッセージのデザイン参考サイト
「 PEAKZONE 」

PEAKZONE: 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。; https://peakzone.jp/
2020-06-09

少し前までは一部コンテンツに動画を使用することで、目に止まるというサイトが多かったと思います。
最近ではこういったイラストをアニメーションとしてコンテンツに入れるというサイトも増えてきたように思えます。
イラスト全体を動かすのではなく、シネマグラフのように部分的に動かすことで、自然と目をひくデザインになっているように感じます。

back

Screenshot of shutdown.gallery

SHUTDOWN.gallery: webサイトとは思えないほどのリアリティです。; https://shutdown.gallery/
2020-05-14; detail

Screenshot of sumi.fillinglife.co

FIL – SUMI LIMITED: 細かいところまでアニメーションが計算されているように感じます。; https://sumi.fillinglife.co/
2020-07-29; detail

Screenshot of www.fuoripista.it

Fuoripista: メニューの形が良いです。; https://www.fuoripista.it/en/
2020-09-08; detail

Screenshot of goodroute.jp

GOOD ROUTE: スクロールと合わせたこのレイアウトは珍しいです。; https://goodroute.jp/
2020-11-16; detail

Screenshot of newview.design

NEWVIEW: この騒がしさが今の気分です。; https://newview.design/
2020-08-21; detail

Screenshot of pizzapizza.io

Pizza Pizza: 単純な好みなのかもしれませんが…シンプルなグリッドシステムとフッターでのアニメーションが素敵です。; https://pizzapizza.io/
2020-09-03; detail

Screenshot of 100daysofpoetry.gallery

100 DAYS OF POETRY: 横スクロールとクリック時のアニメーションが綺麗です。; https://100daysofpoetry.gallery/
2020-05-10; detail

Screenshot of ryutanishitani.jp

西谷デザイン: ついスクロールがとまります。; https://ryutanishitani.jp/
2020-07-29; detail

Screenshot of experiments.p5aholic.me

Web Graphic Experiments: 技術も凄いしデザインも素敵です。; https://experiments.p5aholic.me/
2020-10-05; detail

Screenshot of jacobmckee.com

Jacob McKee: レイアウトが好みです。; https://jacobmckee.com/
2020-07-15; detail

Screenshot of www.acsl.co.jp

ACSL | 株式会社自律制御システム研究所: KVが1スクロールでopacity:0;になるところが気持ち良いです。; https://www.acsl.co.jp/
2020-07-29; detail

Screenshot of www.sa-n-yo.co.jp

アルパカ as こだわり綿棒: FVのインパクトが素敵です。; https://www.sa-n-yo.co.jp/kodawari/
2020-11-24; detail

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