情境 01
產品還沒做完，但下週要比稿
規格書寫好了，資料庫 schema 畫好了，前端還在切版。下週三要進去簡報，評審會問「所以它長什麼樣子」。你手上有 40 頁 PPT 和一個 Figma 檔，兩個都不會動。
你需要的不是更好的 PPT，是一個會動的畫面。
這一頁就是我們的產品。
你捲下去看到的每一個效果 —— 那些會自己跑起來的流程、會流動的資料線、會自己更新的儀表板 ——
都是我們做給客戶的那種 demo。
沒有後端，沒有資料庫，沒有一次模型呼叫。它是演的，而且演得夠好，好到能讓評審看懂你的產品。
AMAX 互動式產品 DEMO ｜ DEMO LAB
↓ 這一頁的載入動畫也是。它剛剛就在你眼前跑完了。
沒有人一開始就想做假的。
會來找我們的人，通常是被下面這三件事其中一件卡住的。看看有沒有一件是你。
情境 02
產品要註冊才能用，客戶不會為了看一眼而註冊
官網放了「免費試用」，轉換率很低。原因不是價格 —— 是他還沒看到裡面長什麼樣，不願意先給你 email。就算他註冊了，空帳號裡沒有任何資料，他看到的是一個空的表格。
他需要在註冊之前，就看到有資料時的樣子。
情境 03
錄影片枯燥，而且改一次要重錄
你錄了一支三分鐘的產品操作影片。上個月產品改了 UI 顏色，這個月文案改了三句話，下個月要出英文版。三次都要重錄、重剪、重上字幕。而且沒有人會把三分鐘看完。
你需要的是能改的東西，不是拍好的東西。
這三種情境的共同點：你要展示的東西是真的，只是它現在還不能被看。
現在示範。這三段都在你的瀏覽器裡跑，沒有連任何伺服器。
一份文件走過五個關卡
這是最常見的一種：一個東西被丟進系統，經過幾個階段，最後出來一個結果。 點任何一個節點都可以跳過去，也可以按播放讓它自己走完。
示範資料
資料從左邊三個來源，流到右邊一張表
這一種適合解釋「我們把散落各處的東西集中起來」。線是畫出來的，不是圖片； 資料點沿著線移動，到終點時右邊的表格多一列。
示範資料
- 來源一
- 來源二
- 來源三
| 項目 | 來源 | 時間 | 狀態 |
|---|
還沒有資料。等左邊的第一筆流過來。
一個會自己更新的儀表板
展場大螢幕最常用這一種。數字會跳、圖表會長、清單會多一列，看起來像有人正在使用這個系統。 它不需要網路。
示範資料
今日處理量
0
示範資料
等待確認
0
示範資料
平均耗時
0.0 分
示範資料
本週趨勢
示範資料
- 示範項目 03完成
- 示範項目 02完成
- 示範項目 01完成
- 示範項目 00完成
三段都跑完了，而且你的瀏覽器沒有發出任何一個 API 請求。
這件事既是這個產品的能力，也是它的限制。下一區講限制。
這一區決定你要不要相信上面那三段
什麼是真的、什麼是演的
我們賣的是演出。把演出說成實作，是這個行業最常見、也最容易毀掉一家公司的謊。 所以我們把界線寫在這裡，寫在你還沒付錢之前。
這是真的
這是演的
這是真的畫面上的操作順序，是照你真實產品的流程排的
這是演的每一步之間的「處理中」是照秒數播放的，不是真的在處理
這是真的UI 的樣式、字體、顏色、版面，跟你產品實際會長的樣子一致
這是演的畫面上的資料是我們跟你一起編出來的示範資料
這是真的互動是真的互動 —— 點得下去、可以暫停、可以跳到任一段
這是演的點下去發生的事是預先安排好的，不是根據你的輸入算出來的
這是真的它是一個真的網頁，可以嵌進你的官網、可以寄給客戶
這是演的它沒有後端、沒有資料庫、沒有登入，也沒有一次模型呼叫
這是真的頁面上的每一個示範數字都標了「示範資料」
這是演的示範數字不是量測結果，不能被引用為績效
所以，它不是什麼
- 它不是可運作的系統。你不能拿它上線收單、不能拿它處理真實檔案、不能拿它跑真實客戶資料。
- 它不是產品的一部分。我們交付的是一份展示素材，不是你產品的前端。你的產品真正做出來時，這份 demo 不會自動變成它。
- 它不是 AI。上面那三段示範裡的「處理中」「解析中」「比對中」，全都是時間軸在播放。這一頁的 AI 成分是零。
那為什麼還值得做
因為你要說服的人，需要的不是一個可運作系統 —— 他需要在三分鐘內看懂你的產品在解決什麼問題。
一個誠實標示過的演出，比一個空帳號的試用環境更能達成這件事。
我們如何在交付時避免誤導
每一個假數字都要有標記
demo 內所有數值旁固定顯示「示範資料」；標記不可被關掉，也不接受客戶要求移除
demo 頁面本身要有一句話說明
頁面（或嵌入區塊）固定位置放一行：「以下為產品流程示範，非實際運作畫面」。這一行的文字我們可以跟你一起調，但不能拿掉
交付檔案要標清楚
交付物檔名與說明文件標明 demo，並附一份說明：這份東西可以拿去哪裡用、不可以拿去哪裡用
不做「假的真實案例」
我們不會在 demo 裡放一個看起來像真客戶的公司名或 logo。示範資料就長得像示範資料
不承接把標記拿掉的需求
如果你的用途需要把「示範資料」標記移除，那你需要的是一個真的系統，不是這個產品。我們會直接跟你講
這一區是我們刻意放在頁面中段的。
一個把免責聲明藏在頁尾的廠商，跟一個把它放在最顯眼位置的廠商，賣的不是同一種東西。
做好之後，它可以長成四種樣子。
一頁式網站
- 適合
- 官網還沒好、要一個能寄給客戶的網址
- 內容
- 獨立網址、可加自訂網域、手機桌機都能看
- 注意
- 這是一個公開網址，不要放不能公開的資訊
嵌入既有官網
- 適合
- 官網已經有了，Hero 區或產品頁需要一段會動的東西
- 內容
- 以區塊形式交付，接到你現有的頁面裡；沿用你的顏色與字體
- 注意
- 需要你的前端能配合放進去，或由我們接手該頁
展場大螢幕
- 適合
- 攤位、大廳、法說會現場
- 內容
- 整包打包成不需要網路的檔案（雙擊即開）、循環播放、無人操作一段時間後自動從頭
- 注意
- 現場螢幕比例要先給我們（16:9 跟直式的版面完全不同）
比稿簡報用
- 適合
- 評審會、投資人會議
- 內容
- 單一檔案交付，可以直接 email、雙擊就開、不需要 server、不需要註冊。我們曾把一份 271KB 的完整 demo 打包成單檔，在隔離環境實測只發出 1 筆 HTTP 請求（就是那個檔案本身）
- 注意
- 簡報現場請先在那台實際要用的電腦上開一次
同一份內容可以同時交付成多種形式，不需要重做。
這件事實際上是怎麼進行的
我們刻意不在這裡寫「3 天交付」。每一份 demo 的工期取決於你的流程有幾步、畫面有幾格、以及你回覆得多快。
我們寫的是階段，以及每個階段你要給我們什麼 —— 因為卡住的通常不是我們畫得多快，是這份東西沒到。
階段 01
對流程
我們做什麼：把你的產品流程畫成一條線，決定要演幾格、每一格停多久。
你要給我們：一份能說明流程的東西（PPT、白板照片、口頭說明都可以）。如果你的產品已經有畫面，給我們截圖。
階段 02
定畫面
我們做什麼：把每一格畫成靜態版面，先確認「看的人會不會看懂」，這時候還沒有任何動畫。
你要給我們：你的顏色、字體、logo。以及一次「這格看得懂 / 看不懂」的回覆。
這是最該花時間的階段。動畫做完之後再改畫面，成本是這個階段的好幾倍。
階段 03
上時間軸
我們做什麼：把靜態畫面接上時間軸，決定節奏 —— 哪裡要慢下來讓人讀完、哪裡要快、哪裡要停住等人點。
你要給我們：一次完整看過的回饋。請看完整段再給意見，不要逐格給。
階段 04
收尾
我們做什麼：手機版、降低動態偏好的降級版本、示範資料標記、鍵盤可操作性。
你要給我們：確認示範資料的內容（哪些數字可以出現、哪些字眼不能用）。
階段 05
交付
我們做什麼：依你選的形式打包（網址 / 嵌入區塊 / 離線檔 / 單檔），附一份「可以用在哪、不可以用在哪」的說明。
你要給我們：實際要用的環境資訊（官網的哪一頁、展場螢幕比例、簡報用的那台電腦）。
我們在一次實際的比稿交付上跑完這五個階段的證據，是一份 43 張的驗收截圖與一份逐項的觸發點對照表。
你的產品，也可以先被看見。
把你的流程講給我們聽（一通電話、一張白板照片、或一份寫到一半的規格都可以）， 我們會回你三件事：這個流程演成幾格最清楚、哪一格是你的說服力所在、以及它適合做成哪一種交付形式。
本頁的所有動態效果均為前端演出。頁面上出現的任何數字皆為示範用途，非量測結果。