Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of agneslloydplatt.com

Agnes Lloyd-Platt: ファビコンにアニgifを設定できるなんて知りませんでした。; https://agneslloydplatt.com/
2020-07-01; detail

Screenshot of hypertria.com

Hyper Tria: 動かない動画が面白いです。; https://hypertria.com/
2021-11-04; detail

Screenshot of franciscamoura.com

Francisca Moura – Graphic & Interaction Designer: ローディングがコピーライトの数字というのが面白いです。; https://franciscamoura.com/
2022-02-10; detail

Screenshot of studiopresto.com

Studio Presto: レイアウトが素敵です。; https://studiopresto.com/
2021-03-01; detail

Screenshot of kieranbaybutt.com

Kieran Baybutt: トップページのPROJECTの見せ方が凝っています。; https://kieranbaybutt.com/
2020-08-24; detail

Screenshot of www.ranaextractive.com

RaNa extractive, inc.: 細かいところまで作り込まれています。; https://www.ranaextractive.com/
2020-12-03; detail

Screenshot of snazzymaps.com

Snazzy Maps – Free Styles for Google Maps: googlemapのカスタマイズが一覧で表示されていて便利です。; https://snazzymaps.com/
2020-06-16; detail

Screenshot of visualize60.ndc.co.jp

VISUALIZE 60: 日本語サイトとは思えないほど美しいです。; https://visualize60.ndc.co.jp/
2021-03-12; detail

$Screenshot of voiceofracism.co.nz$

Voice of Racism: 参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。; https://voiceofracism.co.nz/
2020-08-25; detail

Screenshot of pollykole.com

Polly Kole Art portfolio: とにかく世界観と技術レベルが高いです。好みです。; https://pollykole.com/
2020-05-20; detail

Screenshot of suppose.jp

SUPPOSE DESIGN OFFICE: 建築物とサイトのデザインがマッチしています。; https://suppose.jp/
2020-12-04; detail

Screenshot of www.obunsha.co.jp

旺文社ブランドサイト: ヒストリーのデザインがシンプルで良いです。; https://www.obunsha.co.jp/pr/change/
2021-11-04; detail

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