Custom prototype / Agent-built

第一次聊完,直接看到你家的網站原型。

不是套版加速。你跟我把需求說清楚,我的 Agent 團隊同步做研究、內容、線框與前端;第一次洽談,就用專屬 Prototype 對焦。

安排第一次需求對齊 30 分鐘|一個窗口|不用先寫完整規格
紙張線框、色票與網站樣張組成的專屬 Prototype 工作桌
Prototype build log並行中
  1. 01需求與受眾對齊ready
  2. 02內容骨架+SEO/GEObuild
  3. 03客製視覺+前端build
  4. 04手機版+數據埋點check
一個窗口做決定。研究、內容、線框與前端同步開工,不再一關一關排隊。

Why websites feel slow

網站不是做得慢,是每一關都在等下一個人。

需求、文案、設計、前端、SEO 分開接力,時間花在等待和重新解釋。最後為了不重做,只好選最安全、也最不像你的答案。

01 / LOST IN HANDOFF

需求每轉一次手,就少一點原味

老闆說給窗口、窗口整理給設計、設計再交工程;真正重要的語氣與判斷一路被稀釋。

02 / WAITING

每一關做完,才輪到下一關

文案等訪談、設計等文案、前端等設計。製作沒有很慢,排隊才慢。

03 / SAFE ANSWER

怕改太多,最後長得跟別人一樣

不是你想套版,而是傳統接力流程讓客製修改變得又慢又貴。

One owner, an Agent team

你只對一個人,背後的工作同步開工。

Ray 負責同一個決策窗口;Agent 分頭研究市場、整理內容、排線框、檢查搜尋結構,減少等待與重複轉述。

01 / RESEARCH

市場與受眾研究先開工

整理客戶怎麼搜尋、在意什麼、同業都怎麼說,先找出網站真正要回答的問題。

02 / CONTENT + WIRE

內容骨架與線框同步成形

文案不必等設計,設計也不必猜文案;兩邊沿著同一個主張一起收斂。

03 / SEO + GEO

搜尋結構跟著內容一起排

資訊架構、標題、FAQ 與結構化資料同時整理,避免上線後才回頭補 SEO。

04 / BUILD + DATA

前端、GSC、GA4 一起進驗收

畫面完成時,手機版、搜尋曝光與轉換事件也進同一張檢查清單。

字體樣張、格線紙、尺與色票組成的一站式網站細節工作桌

Built-in discipline

設計品質不是感覺,是每頁固定要過的門檻。

1個主 CTA。整頁只服務一個最重要的轉換。
3檔寬度實測:375、768、1280px,不只縮瀏覽器猜。
5道關卡:Brief、Wire、Pixel、Eye、Ship,逐關留下產物。

Talk once, build in parallel

一個決策,四條工作同步往前。

不必等會議結束再排提案。每確認一件事,研究、內容、設計與前端就一起更新;Ray 留在同一個窗口做取捨。

需求對齊、線框、視覺與完整網站並行推進的紙張流程圖
01

30 分鐘把感覺與目標說清楚

確認客戶、服務、品牌氣質與唯一 CTA,不要求你先寫完整規格。

02

用第一版畫面做決策

不再對著抽象文字猜方向;直接看 Hero、內容順序與手機畫面,決定該留什麼、刪什麼。

03

視覺、前端、SEO/GEO 並行

方向確認後,不用再分別等設計、工程與搜尋優化排程。

04

三檔驗收+GSC/GA4 再交付

375、768、1280px 逐屏檢查,搜尋與數據串接完成後再上線。

Real projects, different answers

三個產業,長出三套完全不同的視覺與互動。

餐飲需要食慾與狀態變化,企業 AI 需要方法與交付感,高資產服務需要安靜而克制的信任。這些不是同一張版換顏色。

同一套 Brief → Wire → Eye 流程,交付的是三種不同答案。

01 / Proof 主案例互動概念 / Preview

Stanley's Steakhouse

史坦利牛排黑紅 Hero、牛排熟度與溫度互動預覽
選擇一分熟後牛排圖片、溫度與文字同步改變
牛排炭火焦痕、肉芯、油花與香料的探索式解剖畫面

它證明什麼:能從牛排的熟度與食慾出發,做出品牌專屬的黑紅 Hero、熟度切換與探索式產品敘事。

圖片、溫度、熟度標籤與 active state 會一起改變;互動不是裝飾,而是產品本身。

誠實標示:互動概念/Preview。訂位連結目前是預覽狀態,本區不宣稱訂位成果。

查看公開預覽 ↗
02 / B2B 案例企業 AI / FDE 商業網站

Yotron 優創智能

它證明什麼:能把抽象的企業 AI/FDE 服務,整理成有定位、導入方法、部署狀態與明確 CTA 的商業首頁。

不是只講「我們懂 AI」,而是把盤點、建置、員工實測與交接做成看得懂的服務路徑。

公開頁面擷取於 2026-08-22;本區不宣稱未驗證的營收、名單或導入成效。

查看公開網站 ↗
Yotron 企業 AI 首頁主標、FDE 部署進度卡與導入 CTA
Yotron FDE 需求盤點、建置、實測與交接流程
Yotron 將顧問交付轉為可見部署狀態的畫面
03 / 高端專業服務Stage 01 視覺方向預覽

Island Universe 島宇家族辦公室

它證明什麼:能離開科技與餐飲語彙,為高資產專業服務建立深藍、金色、低刺激、跨世代的信任氛圍。

島宇 Stage 01 視覺方向預覽、七項專業服務與 Contact CTA

高密度的稅務、跨境、傳承與治理內容,透過克制節奏與留白維持專業可讀性。

誠實標示:Stage 01 視覺方向預覽。這不是正式上線站,也不代表客戶成效。

查看公開預覽 ↗
島宇稅務規劃與跨境財務架構內容畫面
島宇從專業內容自然過渡到初次諮詢 CTA

Good fit / bad fit

不用先寫完整規格,但要願意用畫面快速對焦。

適合這樣的你

  • 看到畫面後能直接說哪裡不對
  • 願意先選最重要的客戶與 CTA
  • 想用一個窗口收斂所有決策

這次可能不適合

  • 期待完全不溝通就直接交成品
  • 需要會員、金流或大型 CMS
  • 還沒決定服務內容,也不想一起釐清

Three ways to start

方案差在內容深度,不差在有沒有客製。

依頁面範圍、搜尋結構與數據串接深度選擇;最終工作項目會在需求對齊後寫進交付清單。

START

品牌起步版

需要一頁建立基本信任入口

NT$25,000起
  • 單頁定位與內容架構
  • 客製 RWD 前端
  • 基本 SEO meta 與上線驗收
了解起步版範圍 →
AUTHORITY

品牌權威版

需要延伸內容與多頁信任結構

NT$75,000起
  • 依內容策略延伸多頁架構
  • 進階 SEO/GEO 主題與 Schema
  • GSC/GA4 與上線後數據檢視
討論權威版架構 →

以上為方案起點;實際範圍、時程與第三方費用,以首次需求對齊後的正式報價為準。

Start with one clear direction

先聊你的品牌,再用第一版 Hero 畫面把方向說清楚。

首次洽談會看一個 Hero 原型方向;它不是完整網站,也不包含原始檔。費用與後續合作範圍會在需求對齊後另外確認。

安排首次需求對齊

FAQ

開始前,先把常見問題說清楚。

為什麼第一次洽談就能看到 Prototype?是不是套版?

不是。快來自 Agent 並行:需求對齊後,研究、內容骨架、線框與前端可以同步推進;Ray 負責把取捨收斂成一個專屬方向。版型不先決定,Prototype 會依你的客戶、服務與品牌氣質重新推導。

25,000、55,000、75,000 元方案怎麼選?

25,000 元適合先建立單頁信任入口;55,000 元是含 SEO/GEO 結構與 GSC/GA4 的主力方案;75,000 元適合需要延伸多頁與內容權威架構的品牌。第一次 Prototype 對齊後,才會把實際頁數與串接範圍寫進正式報價。

我沒有完整文案,也可以開始嗎?

可以。你只要能說明服務、客戶與現在卡住的地方;內容骨架會在對齊過程整理,不用先交一份完整規格書。

會支援手機版與 SEO 嗎?

會。頁面以手機優先,實測 375、768、1280px;同時處理基本 SEO、GEO 可理解結構、meta、FAQ 與結構化資料。55,000 元以上方案包含 GSC/GA4 串接。

可以做會員、金流或大型後台嗎?

這項服務主力是形象網站與 Landing Page。會員、金流、CMS 或複雜後台會先拆需求,再判斷是否另案規劃,不會硬塞進網站方案。