Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of goodroute.jp

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

Screenshot of vj-type.com

VJ Type Typefaces: フォントもサイトも美しすぎます。; https://vj-type.com/
2021-03-05; detail

Screenshot of snd.dev

SND: サイトも音も素敵です。; https://snd.dev/
2022-03-15; detail

Screenshot of botanistofficial.com

植物の生命力を肌へ｜BOTANIST SKINCARE EVER: 背景と画像のシャドーの関係性が良いです。; https://botanistofficial.com/special/skincare_ever/
2020-08-11; detail

Screenshot of www.azusasekkei.co.jp

建築に、温度を。｜梓設計: KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。; https://www.azusasekkei.co.jp/
2020-05-13; detail

Screenshot of www.acc-awards.com

広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門: 表示の際のアニメーションが面白いです。; http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20; detail

Screenshot of www.uzabase.com

ユーザベース: 初回訪問時の言語選択が親切です。; https://www.uzabase.com/
2021-01-04; detail

Screenshot of b-o-l-d.jp

BOLD: Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。; https://b-o-l-d.jp/
2021-11-04; detail

Screenshot of jacobmckee.com

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

Screenshot of anvaka.github.io

Draw all roads in a city at once: 出力される地図がお洒落に見えます。; https://anvaka.github.io/city-roads/
2020-09-30; detail

Screenshot of 100daysofpoetry.gallery

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

Screenshot of tetuhi.art

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

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