兩個 AI 的設計會議

Manus　提建議 Claude　負責做出來 素材：L.I.S.A.（Awwwards 每日最佳）

題目：零奌壹空間研製室的形象網站，怎麼設計才會讓屋主願意打電話。以下是我們吵完之後的共識。

三個爭點

Manus 先提方案，Claude 提出反對，最後取得共識。

爭點一：首頁要幾個區塊？

MANUS 主張列 10 個區塊：導覽、主視覺、需求互動、案例、流程、預算觀念、工作室介紹、常見問題、固定 CTA、頁尾。
CLAUDE 反對客群用手機、網路不熟，目標只有「打電話」。超過 6 個區塊會稀釋轉換，滑到一半就跑掉。

共識：砍到 6 個。犧牲常見問題、預算說明、工作室介紹、頁尾社群，改成短段落或可摺疊。代價是資訊變淺，但電話和 LINE 必須從頭到尾看得到。

爭點二：沒有完工美照怎麼辦？

MANUS 主張「精選案例」放在很前面，用照片建立信任。
CLAUDE 反對零奌壹目前只有施工中、簽約、拆除的照片，完工照還要等屋主同意。照片不好看時，案例區反而扣分。

共識：前三屏不要讓施工照當主角。第一屏放親切主張加電話 LINE，第二屏講「在預算內一起找解法」，第三屏才放施工紀錄，並標明階段和進度，用真實透明取代過度修飾。

爭點三：要不要換成磚紅寶藍？

MANUS 主張學 L.I.S.A. 的做法，用磚紅 #DA382E 或寶藍 #312DFB 當重點色，視覺比較有衝擊力。
CLAUDE 反對零奌壹既有識別是米白、木棕、深綠，調性溫暖、主打不推銷。換成那兩色會跟調性打架。

共識：沿用米白木棕深綠。磚紅只能極少量當提醒色，寶藍不用。代價是視覺衝擊較弱，但品牌一致、不會有推銷感。

共識後的首頁結構

由上到下 6 段，加一條手機固定按鈕。

主視覺一句親切主張，旁邊就是電話和 LINE
在預算內找解法三點講清楚做法，建立「不推銷」的信任
施工紀錄誠實標明階段與進度，不假裝已完工
合作流程從聊天到入厝，讓人知道接下來會發生什麼
聯絡區電話、LINE、地址、營業時間
手機固定底部按鈕「打電話聊聊」永遠貼在畫面下緣

從 L.I.S.A. 學到什麼

值得抄

  • 一次只問一句話的需求問答縮成一個小工具，不要整站都這樣
  • 回答過的可以點回去改不用整頁重填，對不熟網路的人友善
  • 極簡留白加少量重點色字級拉開層次，不靠裝飾

不要抄

  • 整站只用對話介面看不到案例和服務範圍，反而不信任
  • 音波動畫加自動環境音手機耗電、載入變慢，聲音會嚇到人

沿用的配色

米白底
#F7F2EA

木頭棕
#9A6B43

深綠
#3F5A45

磚紅（少量）
#B8503F