Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of www.cupnoodle.jp

カップヌードルの裏側: みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。; https://www.cupnoodle.jp/uragawa/
2021-07-28; detail

Screenshot of grad.satuma-vidro.co.jp

grad. ice | grad.: ハンバーガーメニュー展開時のアニメーションが美しいです。; https://grad.satuma-vidro.co.jp/
2020-08-24; detail

Screenshot of www.yokohama-stadium.co.jp

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

Screenshot of be-at-tokyo.com

BE.AT TOKYO: 色数の多いデザインが増えてきたように思えます。; https://be-at-tokyo.com/
2020-10-16; detail

Screenshot of wearetopsecret.com

Super Top Secret // Branding & Digital Agency: テキストのレイアウトが美しいです。; https://wearetopsecret.com/
2020-05-20; detail

Screenshot of fmj.tokyo

FMJ STUDIO: 端を残しながら全面に散りばめられたKVの写真がおしゃれです。; https://fmj.tokyo/
2020-05-10; detail

Screenshot of tetuhi.art

TeTuhi: 大胆な配色とレイアウトが参考になります。; https://tetuhi.art/
2020-05-11; detail

Screenshot of www.fuoripista.it

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

Screenshot of experiments.p5aholic.me

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

Screenshot of www.toei.co.jp

ACTION！: 全方向スクロールで作るデザインが面白いです。; https://www.toei.co.jp/company/recruit/fresh/
2022-01-04; detail

Screenshot of patrickheng.com

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

Screenshot of 100daysofpoetry.gallery

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

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