
JUNKBRANDING v4
日本の小規模ブランディングスタジオの4代目サイト。セクションからセクションへ移る瞬間に重力がかかる遷移演出を売りにしている。
- クレジット
- JunkBranding
- 使用技術
- WebGLGSAPNext.jsAstro物理演算
日本を拠点にする小規模なブランディングおよびWeb制作スタジオ JunkBranding の自社サイト、その4代目です。ブランドアイデンティティの設計とWebサイト制作の両方を手掛けるスタジオで、サイト自体が名刺と実演を兼ねています。404ページもAwwwardsのカテゴリにタグ付けされており、細部まで作り込む姿勢を出しています。
Awwwardsが挙げている技術は Next.js / Astro / WebGL / GSAP です。目玉として紹介されているのはセクション間を移動するときの重力効果で、ページが切り替わる瞬間に要素が落下し跳ね返るような物理的な挙動を見せます。Next.js と Astro の両方がタグに入っているのは、サイト内で領域を分けて使い分けているか、旧版からの移行途中であるかのどちらかと考えられます。
【参考になるポイント】
・重力効果をセクション遷移そのものに割り当てている。装飾ではなく画面切り替えのメタファーとして物理挙動を使う設計
・Next.js と Astro が併記されている点。静的な読み物部分をAstro、動的な部分をNext.jsに寄せる分割は近年よく見る構成
・404ページ自体も作品としてカテゴリ登録されている
・2026年7月2日 Nominee(平均6.88)
・※実サイトはWebFetchのprovenance制限により直接取得できず、本文の記述はAwwwardsのエントリー情報のみに基づく。実サイトの og:image も取得できていないため、サムネイルはAwwwardsの投稿画像を使用
・※Next.js と Astro の使い分けの実際、重力効果が自前実装か物理ライブラリ利用かは未確認
