Screenshot of peakzone.jp

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

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

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

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

back

Screenshot of industrycity.com

Industry City: 自分では選ばない色のセレクトだったので参考にします。; https://industrycity.com/
2020-10-12; detail

Screenshot of agreen.tokyo

A Green｜Greenery Scent Architecture & Design: レイアウトとコーディングの関係が美しいです。; https://agreen.tokyo/
2020-05-09; detail

Screenshot of suppose.jp

SUPPOSE DESIGN OFFICE: 建築物とサイトのデザインがマッチしています。; https://suppose.jp/
2020-12-04; detail

Screenshot of herb-to-galette.com

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

Screenshot of fullscale.jp

株式会社フルスケール: タイトルの表示方法が面白いです。; https://fullscale.jp/
2020-11-16; detail

Screenshot of nesting.me

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

Screenshot of www.hitachi-ip.co.jp

新卒採用：日立インダストリアルプロダクツ: ボトムに固定されたテキストが今風で素敵です。; https://www.hitachi-ip.co.jp/recruit/newgraduate/
2020-05-09; detail

Screenshot of ndcosd.jp

NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION: noteと合わせて見ると学ぶべき箇所が多いです。; https://ndcosd.jp/
2020-07-29; detail

Screenshot of haradayuki.com

原田裕規「Unreal Ecology」京都芸術センター: レイアウトが好みです。; https://haradayuki.com/unreal-ecology/?ja
2022-03-16; detail

Screenshot of www.mcube.fr

Mcube: グリッチ効果の使い方が面白いです。; https://www.mcube.fr/
2020-06-01; detail

Screenshot of otonamuse.jp

オトナミューズウェブ: カラーリングと写真のレイアウトが素敵です。; https://otonamuse.jp/
2021-11-18; detail

Screenshot of www.broom-studio.com

broom inc.: ProjectsやAboutのアニGIFが効いていて良いです。; https://www.broom-studio.com/
2020-08-04; detail

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