Scene Studio
像堆積木一樣，堆出一個世界
拖放式 3D 場景編輯器。每一層門戶、每一段轉場，所見即所得。
porta.studio — 春季系列 Campaign
圖層
- 門戶 A・圓形遮罩
- 星雲背景層
- 主標題文字
- CTA 按鈕群組
預覽 60fps
屬性
半徑
羽化
深度
零程式碼200+ 空間模板多人即時協作
Depth Engine
每一格，都是 60fps
自研 WebGL 渲染管線，門戶遮罩、景深與視差在 GPU 上合成，行動裝置也絲滑。
portal.ts
const portal = porta.scene("spring-2026");
portal.layer("nebula").depth(0.4);
portal.transition("circle", { at: "cursor" });
portal.publish(); // 全球 CDN，一鍵上線
60fps
穿越動畫幀率
1.2MB
首屏載入體積
98 分
Lighthouse 效能
Trusted Worldwide
4,800+ 個品牌，選擇讓訪客「走進來」
4,800+
品牌站點正在運行
2.3 億
累計門戶穿越次數
+41%
平均停留時長提升
68
客戶 NPS 淨推薦值
白鯨衛星山嵐茶事NOVA Studio秒針金融拾光唱片
01 / 05序章
Everything Included
為空間敘事而生的全套工具
從第一層草稿到上線監測，PORTA 把整條流程收進同一個工作區。
場景編輯器
拖放 3D 區塊、調整景深與遮罩，全程零程式碼，設計師直接上手。
Depth Engine
GPU 合成的渲染管線，門戶轉場穩定 60fps，中階手機也不掉幀。
門戶轉場庫
圓形、方形、多邊形與自訂 SVG 遮罩，14 種穿越曲線任你組合。
響應式空間
同一個場景自動適配 375px 手機到 4K 展場大屏，斷點智慧重排。
穿越深度分析
追蹤訪客走到第幾層門戶、停留多久，漏斗數據直接對接 GA4。
一鍵全球發佈
300+ CDN 邊緣節點，自動產生 OG 圖與 SEO 結構化資料。
Stories
走進門戶的人，都留下來了
「新品發表頁改成門戶敘事之後，平均停留從 40 秒拉到 3 分半。訪客真的一層一層走完了整個產地故事。」
「以前這種效果要一位 WebGL 工程師做三週。現在設計師自己在 Scene Studio 拖一個下午就上線，客戶當場拍板。」
「我們最在意效能。PORTA 的頁面在低階 Android 上依然 60fps，Lighthouse 分數比我們原本的靜態官網還高。」
準備好開第一道門了嗎？
免費方案含 3 個門戶場景與完整編輯器，五分鐘發佈你的第一個入口。