Screenshot of peakzone.jp

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

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

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

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

back

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 www.kingjim.co.jp

「テプラ」PRO用アプリ「Hello」: 画像の拡大表現が面白いです。; https://www.kingjim.co.jp/sp/hello/
2020-10-28; detail

Screenshot of herb-to-galette.com

ハーブとガレット: 遠近感のある植物の配置が素敵です。; https://herb-to-galette.com/
2020-07-21; detail

Screenshot of vj-type.com

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

Screenshot of www.jcomm.co.jp

株式会社 JR西日本コミュニケーションズ: 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。; https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11; detail

Screenshot of emilieholstkoch.com

emilieholstkoch: 自分にはない世界観なので参考になります; http://emilieholstkoch.com/
2020-05-25; detail

Screenshot of agneslloydplatt.com

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

Screenshot of lmchabot.com

LM Chabot: 画像がロードされる前にカラフルな要素が表示されているとことが良いです。; https://lmchabot.com/
2020-06-15; detail

Screenshot of ne-ru.com

Neru inc | Brand & Service Design Studio: ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。; https://ne-ru.com/
2020-06-10; detail

Screenshot of ronniefeng.com

Ronnie Feng | Portfolio: 色味にとても惹かれました。; https://ronniefeng.com/
2021-02-10; detail

Screenshot of sketchbook.kr

sketchbook: グリッドで制作するときの参考にクリップしています。; http://sketchbook.kr/
2020-05-25; detail

Screenshot of fmj.tokyo

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

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