Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of ayond.jp

AYOND: 作品も含めて好みです。; https://ayond.jp/
2022-04-13; detail

Screenshot of shutdown.gallery

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

Screenshot of www.yokohama-stadium.co.jp

横浜スタジアム: リンクマークのマウスオーバーアニメーションが素敵です。; https://www.yokohama-stadium.co.jp/
2020-11-11; detail

Screenshot of virginhyperloop.com

Virgin Hyperloop: 1080kmも出るらしいです。; https://virginhyperloop.com/
2020-09-23; detail

Screenshot of hitotomori.net

ひとともり: ラインを使用した細かいデザインがシンプルで、とても素敵です。; https://hitotomori.net/
2020-06-26; detail

Screenshot of experiments.p5aholic.me

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

Screenshot of rinnai.jp

Micro Bubble Bath Unit by Rinnai ｜公式サイト: 高級感のあるLPです。; https://rinnai.jp/microbubble/
2020-08-20; detail

Screenshot of studiopresto.com

Studio Presto: レイアウトが素敵です。; https://studiopresto.com/
2021-03-01; 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 patrickheng.com

Patrick Heng – Creative Developer Portfolio: マウスがオブジェクトにあたった際のモーションが気持ち良いです。; https://patrickheng.com/
2020-07-17; detail

Screenshot of ryutanishitani.jp

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

Screenshot of emilieholstkoch.com

emilieholstkoch: 自分にはない世界観なので参考になります; http://emilieholstkoch.com/
2020-05-25; detail

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