
No Art
Awwwards で3Dタグが付いた Site of the Day。ただし中身は Webflow と Shopify と GSAP で、3Dライブラリは見当たらない。
- クレジット
- BORING
- 使用技術
- WebflowShopifyGSAPStoresyncAVIF
アムステルダムを拠点とする独立系音楽レーベル兼イベント主催 No Art の公式サイト。制作はオランダのスタジオ BORING。Events / Shop / Label / Gallery / About / Tickets / Music Week / Foundation という多面的なナビゲーションを持ち、ブカレスト、エジプト、イビサ、リスボン、ADE Festival といった世界各地の公演情報とマーチ販売(45〜110ユーロ)を1つのサイトにまとめています。
Awwwards では 3D タグが付き Site of the Day と Developer Award を同時に取っていますが、実装を追うとリアルタイム3Dは見当たりません。土台は Webflow、ECは Shopify、両者を Storesync(旧 Shopyflow)で接続し、動きは GSAP で付けるという構成です。スタジオのケーススタディが挙げる見せ場も、レーベルページのレコードプレイヤー型スライダーと、フェス写真を並べたギャラリーのインタラクションで、canvas や Three.js の痕跡は確認できませんでした。画像は AVIF 中心です。
【参考になるポイント】
・Awwwards の「3D」タグはリアルタイム3Dの保証ではない、という分かりやすい実例。奥行きのある見た目は写真とGSAPの組み合わせでも到達できる
・Shopify の商品を別サイトに切り出さず Webflow の CMS に取り込むことで、チケットとマーチが同じ導線に乗っている
・レコードプレイヤーを模したスライダーでレーベルの楽曲を試聴させる。音楽サイトのUIメタファーとして分かりやすい
・※WebGLを一切使っていないと断言はできない。取得できたHTMLとスタジオのケーススタディの範囲で確認できなかった、という意味で、イベント個別ページなど未確認の階層がある
・※スコアは総合7.28/10、Developer Award 7.23/10(2026年8月6日)
