Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of mabataki.jp

株式会社マバタキ: 見たことのある実績が並んでいます。; https://mabataki.jp/
2020-10-16; detail

Screenshot of sisi.tokyo

SISI: メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。; https://sisi.tokyo/
2021-01-21; detail

Screenshot of www.wakabayashi.co.jp

京仏壇・京仏具・伝統工芸若林佛具製作所: KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。; https://www.wakabayashi.co.jp/
2020-06-15; detail

Screenshot of kovalweb.com

Koval Web: ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。; https://kovalweb.com/
2020-11-16; detail

Screenshot of www.opensky.jp

株式会社OpenSky: なんとなく観てしまいました。; https://www.opensky.jp/
2021-02-08; detail

Screenshot of nesting.me

NESTING: PCのメニューがスクロールで横積みに変わるのが面白いです。; https://nesting.me/
2022-10-07; detail

Screenshot of botanistofficial.com

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

Screenshot of garden-eight.com

Garden Eight: すべてのページに参考にしたい要素が詰まっています。; https://garden-eight.com/ja
2022-02-10; detail

Screenshot of nanameinc.jp

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

Screenshot of goodroute.jp

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

Screenshot of www.igaming.studio

iGS · iGaming Studio · The Design and UX Agency for iGaming Brands: 水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。; https://www.igaming.studio/
2020-08-31; detail

Screenshot of www.artidaoud.com

ARTIDA OUD（アルティーダウード）: 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。; https://www.artidaoud.com/
2020-06-08; detail

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