Jellyfish × Beautiful flower
JUNKBRANDING: Mix the unexpected.
JUNKBRANDINGは、デザイン、モーション、インタラクション、クリエイティブコーディングを融合し、ブランド固有のデジタル体験をつくるデザインスタジオです。
春About
きれいなだけでは終わらない。
見た瞬間、触れた瞬間に何かが残る。
そんなWebをつくっています。
JUNKBRANDINGは、デザインとテクノロジーを横断し、ブランドの個性をデジタル体験へと変えるクリエイティブチームです。企画、デザイン、モーション、インタラクション、フロントエンド開発まで。表現と実装を切り離さず、そのブランドにしかつくれない体験を設計します。
茨城を拠点に、全国対応。
夏Services
企画・デザインから開発、公開後の運用まで。
- 01アートディレクション・Webデザイン
- 02WebGL・3D表現
- 03モーション・インタラクション
- 04SPA・Webアプリケーション
- 05アプリ開発
- 06CMS・サイト構築
- 07SEO・パフォーマンス
- 08公開・運用・保守
秋Works
これまでの仕事から、7件。
Works
秋Works01 / 07
すべての作品
-
TO PLACE
住空間の写真を主役にした、住まいの企業のコーポレートサイト。
2025年 / Design, Development
使用技術: HTML / CSS、JavaScript、GSAP
- 大きな写真で空間を伝えるレイアウト
- スクロールに合わせた見出しの演出
to-place.co.jp
-
IWAKIKI
福島県いわき市の不動産会社サイト。「縁結び」を大胆な文字組みで。
2025年 / Design, Development
使用技術: HTML / CSS、JavaScript、AWS CloudFront
- 画面いっぱいの文字と写真の重ね合わせ
- 縦書きの案内タブ
Live preview
-
NEXT
事業ポートフォリオを伝える、株式会社NEXTのコーポレートサイト。
2024年 / Design, Development
使用技術: HTML / CSS、JavaScript、Canvas
- 夜景と光の粒で「実体経済」を表すビジュアル
- 事業ごとの構成
next-inc.group
-
TRANS B
物流企業のサイト。夜の道路を走る3D演出とキネティックタイポ。
2025年 / Design, 3D, Development
使用技術: Three.js、WebGL、GSAP、Vercel
- 夜の道路を進むリアルタイム3D
- スクロールで切り替わる事業紹介
trans-b.vercel.app
-
LUZ REAL
都心4区の不動産会社サイト。音楽とともに物件の世界観を伝える。
2024年 / Design, Development
使用技術: HTML / CSS、JavaScript、Web Audio
- 音楽のオン・オフ切り替え
- モノクロ写真と余白で見せる構成
luz-real.com
-
JUNKBRANDING Hand Version（HAND）
「眺めるWebから、入り込むWebへ。」体験型のWeb制作を、そのまま体験として見せる自社サイト。手の動きでも操作できる。
2026年 / Concept, Design, Development
使用技術: Hand tracking、Camera API、Web Audio
- カメラで手の動きを認識して操作する Hand Mode（映像はブラウザ内で処理し、外部へ送らない）
- 入口で Hand Mode と Mouse Mode を選べる
- 夜の海の音楽とともに進む構成
hand.junkbranding.com
-
JUNKBRANDING Funky Version（FUNKY）
散らばる文字と立体ロゴで「ジャンク」を表現した、もう一つの自社サイト。
2025年 / Branding, Design, Development
使用技術: Next.js、React、WebGL
- 音楽あり・なしを選んで始めるローディング
- キーボード操作・スクリーンリーダー・モーション削減への配慮
- llms.txt などAI検索を意識した設計
funky.junkbranding.com
冬Contact