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.toei.co.jp

ACTION！: 全方向スクロールで作るデザインが面白いです。; https://www.toei.co.jp/company/recruit/fresh/
2022-01-04; detail

Screenshot of www.moooi.com

Moooi: コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。; https://www.moooi.com/en/a-life-extraordinary
2020-05-22; detail

Screenshot of www.point.app

Point — The do it all debit card.: カードがかっこいいです。; https://www.point.app/
2020-08-05; detail

Screenshot of liberta-perfume.com

LIBERTA Perfume(リベルタパフューム): 写真の光の当たり方が好みです。; https://liberta-perfume.com/top
2020-06-08; detail

Screenshot of setouchi-architourism.com

SETOUCHI ARCHI-TOURISM: 2カラム構成を詳細ページのレイアウトが参考になります。; https://setouchi-architourism.com/
2020-08-03; detail

Screenshot of tote.design

tote inc.: 音楽も含めて世界観が好みです。; https://tote.design/
2022-02-25; detail

Screenshot of www.flat-head.com

THE FLAT HEAD: 最近海外サイトで見かけるボタンの日本アレンジの参考になります。; https://www.flat-head.com/
2021-09-16; detail

Screenshot of vj-type.com

VJ Type Typefaces: フォントもサイトも美しすぎます。; https://vj-type.com/
2021-03-05; detail

Screenshot of propellertokyo.jp

Propeller & Co.: ABOUTページのliの組み方が素敵です。; https://propellertokyo.jp/
2020-09-09; detail

Screenshot of virtualmuseum.fukuoka-kenbi.jp

福岡県立バーチャル美術館: トップだけでなく、下層もギミック満載です。; https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13; detail

Screenshot of www.obunsha.co.jp

旺文社ブランドサイト: ヒストリーのデザインがシンプルで良いです。; https://www.obunsha.co.jp/pr/change/
2021-11-04; detail

Screenshot of fmj.tokyo

FMJ STUDIO: 端を残しながら全面に散りばめられたKVの写真がおしゃれです。; https://fmj.tokyo/
2020-05-10; detail

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