株式会社PRMO
prm.ooo ↗東京・吉祥寺を拠点とするリモートファーストのクリエイティブスタジオ。Webを単なる情報板ではなく「操作する歓びのあるインタラクティブ空間」として再定義する、国内屈指のWebGL/体験設計チーム。
花王 ATTACK SUPER FIT BOTTLE:ボトルの立体構造をスクロール連動の3Dビューで直感解説。
サンリオ クロミ (KUROMI) 公式アーティストサイト:ダークポップな世界観とサウンド・UIの完全同期。
AIが「80点の無難なWeb」を一瞬で量産する時代に、なぜ彼らのサイトは圧倒的に「別格」なのか?
Fermentに登録された日米欧のトップエージェンシー10社のデザイン思想、採用技術スタック、業務実績の徹底分析。
過去10数年のWeb制作は、重厚長大な分業体制(企画・ワイヤー・カンプ・コーディング・検証)と中間マージン、検索エンジンに迎合したSEOハックや金太郎飴のようなコンポーネント配置によって「表現の自由度」を失いかけていました。「CSSが書ける」「フレームワークを組める」という実装の手間そのものに高額な費用が支払われていた時代です。
しかし生成AIが80点のコードとレイアウトを数秒で生み出すようになったことで、その構造は崩壊しつつあります。テンプレ通りのWebの価値がゼロに近づいた結果、「で、あなたは何を表現したいのか?」「どんな手触り(身体感覚)を届けたいのか?」という、Web黎明期やFlash黄金期のような「純粋なクラフトマンシップと美意識の勝負」へと回帰しています。
ここにまとめた10社は、まさにその「95点〜100点の極限」に挑み続けている表現者たちです。彼らが何を見て、何を削り、どう実装しているのかを解剖します。
東京・吉祥寺を拠点とするリモートファーストのクリエイティブスタジオ。Webを単なる情報板ではなく「操作する歓びのあるインタラクティブ空間」として再定義する、国内屈指のWebGL/体験設計チーム。
Awwwardsを席巻し続ける日本のデジタルクリエイティブ界の最高峰。ブランドの本質を緻密に言語化し、極上のタイポグラフィと微細なGLSL表現で「大人の洗練」へと昇華させる。
長友賢氏率いる伝説的デザインプラクティス。Webサイトを「動くポスター」「体験型シアター」へと昇華させ、閲覧者を一瞬でそのブランドの虜にするストーリーテリングの巨匠。
東京・ロンドン・ニューヨーク・パリに展開するコレクティブ・エージェンシー。「powered by all of us」を掲げ、ストリート感と現代カルチャーを注入したエッジの効いたデジタル体験を創出。
「神は細部に宿る」を文字通り実践するブランドファーム。1ピクセルの余白、フォントのカーニング、スクロールの減速曲線に至るまで、徹底的に磨き上げられたクラフトマンシップが看板。
WebGL / 3DリアルタイムWeb体験における世界の絶対王者。映画のVFXとゲームエンジン、Web技術の境界を完全に消し去った「没入型デジタル空間」を量産する。
Awwwardsのエージェンシー・オブ・ザ・イヤー常連。世界中のWebデザイナーに愛用される「Locomotive Scroll」の開発元であり、スクロールとタイポグラフィの美しさで世界一の評価を受ける。
「世界で最もクレイジーで愛されるデジタルスタジオ」。シュルレアリスム、サイケデリック、狂気のユーモアを驚異的な技術力で形にし、Webデザインの常識を20年以上にわたり破壊し続ける。
Google、Airbnb、Patagoniaなどシリコンバレーや世界屈指のブランドを支える「モダン・デジタルブランディングの頂点」。商業性と圧倒的な美意識を完全両立させるプロフェッショナル。
コペンハーゲンとNYを拠点とする「デジタルクラフトと遊び心の調和」の象徴。人間味、優しさ、思わずクスッと笑ってしまうアニメーションで、ブランドの体温を画面越しに届ける。
各社が得意とする表現領域と中核技術の分布。プロジェクトの目的に応じて「どの引き出しを使うべきか」の指標になります。
| Agency | 拠点 | 主要表現スタイル | 中核フロントエンド | 演出・インタラクション技術 | 最大の強み |
|---|---|---|---|---|---|
| PRMO | 日本 (吉祥寺) | 3Dインタラクティブ空間 | Nuxt / Vue | Three.js, Canvas, Sound FX | ゲーム性・世界観とUIの統合 |
| SHIFTBRAIN | 日本 (東京) | 洗練された大人の質感 | Vite / Vanilla | Three.js, GLSL, GSAP | タイポグラフィとシェーダーの極致 |
| mount inc. | 日本 (東京) | 動くポスター / シアター | Nuxt / Vue | Micro-CSS, 音声・映像同期 | 言葉と構図による強烈な印象 |
| monopo | 東京 / 欧米 | ストリート・カルチャー | Next.js / React | i18n, 非対称レイアウト | グローバルな感性とカルチャー融合 |
| STUDIO DETAILS | 日本 (名古屋/東京) | ディテール・クラフト | React / Headless | 極小ホバー, 厳密グリッド | 1px・字間の徹底的な美意識 |
| Active Theory | 米 (LA) / 蘭 | リアルタイム3Dメタバース | Medusa (自社製) | WebGL 2, WebGPU, Web Audio | ゲームエンジン級のリアルタイム技術 |
| Locomotive | カナダ (モントリオール) | ブルータリズム × スクロール | Nuxt / Node | Locomotive Scroll, Three.js | スクロール慣性と巨大フォントの美学 |
| Resn | ニュージーランド / 蘭 | サイケデリック&物理演算 | Custom WebGL | Matter.js, 物理演算, Shaders | 既成概念を壊す狂気のユーモア |
| BASIC/DEPT® | 米 (サンディエゴ/NY) | ラグジュアリー・コマース | Next.js | Headless Commerce, Custom Cursor | 商業価値とミニマリズムの完全両立 |
| Hello Monday | デンマーク / 米 | 北欧プレイフル・ヒューマン | Vue / Canvas | Lottie, Canvas Micro-interactions | ブランドの体温を伝える優しいモーション |
AI時代において、テンプレートやコモディティから脱却し、「魂の宿るWeb」を作るためのエッセンス。
ブラウザ標準のスクロールはカクつきやすく無機質です。LocomotiveやSTUDIO DETAILSのように、適度な摩擦(Friction)と減速曲線(Ease-out)を設けるだけで、ページをめくる指先に「上質な紙やシルクを撫でているような身体的フィードバック」が生まれます。
飾り立てたグラフィックよりも、フォントのウェイト差、ジャスティファイ(行揃え)、字間(Tracking/Kerning)の詰め具合が画面の品格を決定づけます。文字をただの情報ではなく「空間を定義するテクスチャ」として扱っています。
素人は派手な3Dモデルを画面中央に回しがちですが、SHIFTBRAINやPRMOのような一流は、光の屈折、マウス追従の微かな歪み、背景のノイズなど「空気感(アンビエント)」を表現するためにシェーダーを使います。主役はあくまでコンテンツです。
ボタンにカーソルが吸い付くカスタムカーソル、クリック時の極めて小さな「カチッ」というフィードバック音。視覚だけでなく聴覚や触覚を刺激することで、Webサイトは「見るもの」から「触れるもの」へと変貌します。
リンクを踏んだ瞬間に画面が真っ白にリロードされる体験を徹底的に排除。Next.jsやNuxtのSPA遷移、あるいはBarba.jsのようなページトランジションにより、アプリや映像作品のように滑らかにシーンが切り替わります。
単に「こんな機能があります」「こんなデザインができます」ではなく、「私たちは何を美しいと信じているか」「なぜこれを作るのか」という哲学を前面に出しています。機能で選ばれるのではなく、姿勢で選ばれるための設計です。