- 每月造訪次數
- 6.6K
- 下降17.2%較上月2026 年 9 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- $59/月
- 高於同類 88% 的產品同類中位數 $14.99/月
- 首次發布
- 4 年前
- 2021-12-13 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷在 Show HN 發布（75 分 · 30 評論）發布
MockRocket – 3D app mockups and animations in the browser — Hey HN, I've spent a lot of time over the years building mockups and demo videos for my apps with tools like Photoshop and After Effects,…
2022 年 1 月 26 日 · 4 年前發布頁
在 BetaList 發布發布
MockRocket – Create jaw-dropping 3D app mockups & videos–right in your browser — Create jaw-dropping 3D app mockups & videos–right in your browser
2021 年 12 月 13 日 · 4 年前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2022-01-26查看原文
- 創作者原帖摘錄：
- Hey HN, I've spent a lot of time over the years building mockups and demo videos for my apps with tools like Photoshop and After Effects, always frustrated by how tedious it was. For the past year and a half, I've been working on building a better way. MockRocket makes it easy to show off your app, right from your web browser–no experience required. Choose a
流量來源
2026 年 9 月
訪問構成
管道
- 直接訪問40%
- 自然搜尋32%
- 外部引薦10%
- 社交媒體6%
- 其他12%
國家/地區
- 美國52%
- 法國14%
- 德國12%
- 印度6%
- 波蘭6%
搜尋
站點權重 —網域名稱註冊 2020-05-05
| 關鍵字 | 月搜尋量 |
|---|---|
| ultramock | 2,120 |
| mockrocket | 630 |
| 3d rotating mockup for software | 440 |
| mockup phone animation template | 210 |
| javascript 3d rotating mockup | 180 |
流量資料：Vaneform
定價
頁面與變化
開始記錄於 2022-01-24
關鍵頁面
每週快照mockrocket.io/ 快照 2026-11-04
變化
開始記錄以來，定價、方案與定位都沒有變化。
設計
首屏畫面視覺分析與 :root CSS
白底承載深藍粗體大標題，關鍵字以藍紫漸層突出；淺粉與藍紫光暈襯托筆記本內的3D手機展示，整體明亮輕盈。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Show off your app in jaw-dropping 3D”
頂部導航橫向排列，標題與雙按鈕居中置於上半屏，筆記本產品介面居中佔據下方主視覺。
首屏畫面轉化路徑：居中標題加按鈕 + 產品介面截圖或元件示意 → 免費開始 / 立即註冊 · 配合首屏畫面直接展示真實生成作品建立信任
- 結果與速度承諾
- 首屏畫面大幅產品介面
色板 · 點擊複製
五維設計評分7.6 / 10
- 字體與排版
- 8.0
- 色彩與對比
- 8.0
- 構圖與留白
- 8.0
- 細節與工藝
- 7.0
- 風格辨識度
- 7.0
結構
- 字體
- Arial
- 首屏畫面版式
- 居中標題加按鈕
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 免費開始 / 立即註冊
- 信任背書
- 首屏畫面直接展示真實生成作品
- 導航
- 頂部通欄導航
- 明暗與密度
- 淺色 · 留白多
- 圓角與層級
- 膠囊 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：漸層光暈（兼備3D 擬物）
深色或淺色底上的彩色光暈與半透明玻璃面板，多見於 AI 產品。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f8f7fc;
--foreground: #132747;
--muted-foreground: #626875;
--accent: #4352e8;
--radius: 9999px;
--font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
--font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 57%） · 面板 #F8F7FC（約 8%） · 正文 #132747（約 16%） · 次要文字 #626875（約 8%） · 強調 #4352E8（約 11%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：居中標題加按鈕
- 導航結構：頂部通欄導航
- 明暗與密度：淺色 · 留白多
- 圓角與層級：膠囊；用陰影區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：免費開始 / 立即註冊 · 信任背書採用首屏畫面直接展示真實生成作品
- 標題切入點：結果與速度承諾
- 首屏畫面元件特徵：首屏畫面大幅產品介面
- 空間布局拆解：頂部導航橫向排列，標題與雙按鈕居中置於上半屏，筆記本產品介面居中佔據下方主視覺。
- 視覺特徵總結：白底承載深藍粗體大標題，關鍵字以藍紫漸層突出；淺粉與藍紫光暈襯托筆記本內的3D手機展示，整體明亮輕盈。
## 避免
- 純平面色塊
- 襯線正文
- Cluttered dense tables in the hero
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
同分類研究對象
設計 / 3D 與 AR/VR
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。