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.theclimatepledge.com

The Climate Pledge: 全体の質感が素敵です。; https://www.theclimatepledge.com/
2021-02-16; detail

Screenshot of extraset.ch

Extraset | Independent Swiss Type Foundry: 大胆すぎるタイポグラフィーです。; https://extraset.ch/
2020-08-03; detail

Screenshot of studiopresto.com

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

Screenshot of sumi.fillinglife.co

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

Screenshot of suppose.jp

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

Screenshot of nanameinc.jp

株式会社ナナメ – CREATIVE MOVIE MAKER: WORKSの見せ方が参考になります。; https://nanameinc.jp/
2020-08-24; detail

Screenshot of br-time.jp

BRAUN（ブラウン）公式サイト｜腕時計・クロック: BRAUNのDieter Ramsさんは、もっと調べてみたいデザイナーの1人です。; https://br-time.jp/
2020-08-07; detail

Screenshot of www.actus-interior.com

NODERIUM ｜アクタスのインテリアグリーン、観葉植物: コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。; https://www.actus-interior.com/noderium/
2020-06-29; detail

Screenshot of a-dot.co.jp

adot｜プロデュースカンパニー・エードット: 綺麗なクリエイティブが目をひきます。; https://a-dot.co.jp/
2020-05-12; detail

Screenshot of lessnoros.com

Les Snorôs: 表の見せ方がパッケージのような印象が出ていて好みです; https://lessnoros.com/
2020-10-28; detail

Screenshot of saison2020-21.opera-lyon.com

Reflection – Une expérience de l’Opéra de Lyon: 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。; https://saison2020-21.opera-lyon.com/
2020-07-21; detail

Screenshot of midori.so

MIDORI.so | みどり荘: FVのデザインが面白いです。; http://midori.so/
2020-10-09; detail

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