Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of mav.farm

Mav Farm™: WebGLの使い方がすごいです。; https://mav.farm/
2020-07-16; detail

Screenshot of www.sbs.com.au

Story Line: Six Months of COVID-19 – The Feed – SBS: ドラッグでの操作感が素敵です。; https://www.sbs.com.au/storyline/
2020-09-07; detail

Screenshot of kovalweb.com

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

Screenshot of storywriter.tokyo

StoryWriter | ストリートを愛するカルチャー・マガジン: SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。; https://storywriter.tokyo/
2020-06-24; detail

Screenshot of www.addculture.com

Add Culture +: 棒グラフがおしゃれです。; https://www.addculture.com/
2021-02-01; detail

Screenshot of therestaurant-hiroo.com

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

Screenshot of agneslloydplatt.com

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

Screenshot of rittorbase.jp

御茶ノ水RITTOR BASE: レイアウトが好みです。; https://rittorbase.jp/
2022-03-15; detail

Screenshot of www.jonasreymondin.com

Jonas Reymondin – UX/UI Designer + Front-end Developer: グリッドでレイアウトする際の参考にクリップしています。; https://www.jonasreymondin.com/
2020-06-04; detail

Screenshot of ashleyandco.co

Ashley & Co: プロダクトが美しいです。; https://ashleyandco.co/
2020-11-30; detail

Screenshot of andmade.jp

ANDMADE Inc. / アンドメイド: クセのあるフォント(Voyage)を上手くまとめていて参考になります。; https://andmade.jp/
2020-07-29; detail

Screenshot of f-font.com

デザイナーのフォント見本帳「F」: 便利です。; https://f-font.com/
2022-08-04; detail

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