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.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail
Screenshot of garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of f-font.com
デザイナーのフォント見本帳「F」
便利です。
https://f-font.com/
2022-08-04
detail
Screenshot of fontworks.co.jp
Fontworks｜フォントワークス
実績にフォント名が記載されているのでデザイナーとして興味深いです。
https://fontworks.co.jp/
2020-05-25
detail
Screenshot of www.point.app
Point — The do it all debit card.
カードがかっこいいです。
https://www.point.app/
2020-08-05
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of kieranbaybutt.com
Kieran Baybutt
トップページのPROJECTの見せ方が凝っています。
https://kieranbaybutt.com/
2020-08-24
detail

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