Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of mono.frm.fm

FRAMED* Mono X7: 欲しいです。; https://mono.frm.fm/shop/
2020-09-30; detail

Screenshot of studiomaertens.com

Studio Mærtens: ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。; https://studiomaertens.com/
2020-06-08; detail

Screenshot of soles-gaufrette.com

SOLES GAUFRETTE | バターゴーフレット専門店: 色や写真の使い方が海外サイトのようです。; https://soles-gaufrette.com/
2020-08-04; 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 nara-iff.jp

なら国際映画祭2020: 最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。; https://nara-iff.jp/2020/
2020-10-09; detail

Screenshot of therestaurant-hiroo.com

THE RESTAURANT | 広尾: 全店舗の統一感が良いです。; https://therestaurant-hiroo.com/
2020-08-14; detail

Screenshot of umami-ware.com

Umami Ware: MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか？; https://umami-ware.com/
2020-06-29; detail

Screenshot of b-o-l-d.jp

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

Screenshot of snd.dev

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

Screenshot of ninjo.gojyo-taxi.com

互助交通: テキストの上にのったマテリアルで雰囲気が出ています。; https://ninjo.gojyo-taxi.com/
2020-05-09; detail

Screenshot of standby-inc.com

Standby Inc.: シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。; https://standby-inc.com/
2020-05-15; detail

Screenshot of www.baumjapan.com

BAUM（バウム）: レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。; https://www.baumjapan.com/baum/index.html
2020-05-15; detail

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