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 the-campus.net
THE CAMPUS
PC版で左右についたメニューが特徴的です。
https://the-campus.net/
2021-04-19
detail
Screenshot of www.sennep.com
Sennep – Digital product studio
独特のイラストが好みです。
https://www.sennep.com/
2020-11-09
detail
Screenshot of grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of alantrotter.com
Alan Trotter dot com, for all your Alan Trotter needs
シンプルで今の気分です。
https://alantrotter.com/
2022-06-06
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of agneslloydplatt.com
Agnes Lloyd-Platt
ファビコンにアニgifを設定できるなんて知りませんでした。
https://agneslloydplatt.com/
2020-07-01
detail
Screenshot of boards.boldare.com
Boldare Boards — the online collaboration app
あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
https://boards.boldare.com/
2020-10-27
detail
Screenshot of branche-chocolat.jp
BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
#至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
https://branche-chocolat.jp/
2020-09-11
detail
Screenshot of town.odakyu-chukai.com
town | 小田急の仲介
スクロールでボケていくKVの写真が面白いです。
https://town.odakyu-chukai.com/
2021-05-21
detail
Screenshot of andmade.jp
ANDMADE Inc. / アンドメイド
クセのあるフォント(Voyage)を上手くまとめていて参考になります。
https://andmade.jp/
2020-07-29
detail
Screenshot of garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail

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