「填滿你的空」
用代言人陪你走完全程的活動頁

素材

用一張張代言人的照片，陪你走完全程

主視覺由委外廠商提供，一開始是一張靜態的圖片，但我為了要抓住眼球並符合網站的調性，我加入了動畫效果，從盧廣仲的形象、大標、周圍漂浮的物件，依序進場，最後讓各種生活物件填滿整個畫面。用「填滿」這個動作本身去詮釋「填補生活的空」的意象。

往下滑到活動任務區，代言人素材從「吸睛」換成「引導」。我用兩張不同動作的素材做成一個低頭滑手機到展示手機畫面的動作，做出他正在操作的樣子。比起靜態插圖，動起來的代言人更像在陪你一起做，讓註冊、領抽獎券的動作看起來像是朋友間互相分享好消息，而不是在被要求。

包裝

與其把規則講清楚，不如讓人想動手

這檔活動要傳遞的東西很多：領抽獎券的三階段任務、填表單抽獎品、以及社群留言活動。難的不是把規則寫明白，而是規則寫得越完整，看的人越懶得動。所以我處理這區的原則是先想「怎麼讓人有動力」，再想「怎麼讓人看得懂」。

1. 不教用戶怎麼做，而是讓他想多拿一張

活動一要跳到 APP 完成註冊、填履歷、應徵三階段任務。這裡我刻意沒做操作教學，一來參加者不全是新用戶，二來教學一多，主角就從獎勵變成流程。

所以我把整個版位用票券意象包起來：任務卡做成票券造型、周圍灑落飄券當裝飾，連盧廣仲都擺出呼籲拿券的姿勢。讓畫面到處都是票券，把獎勵感放到最大，暗示再做一步，就能多拿幾張。

2. 把站外的不確定感，變成照著做就好

第二個活動要到 Threads 留言，最大的阻力不是麻煩，是不確定：跳到另一個平台，卻不知道要做到什麼程度才算參加成功。

我用三件事拆掉它：放上真實操作畫面、提供一鍵複製文案、附上留言範例，讓用戶清楚知道會發生什麼事及該怎麼做。

AI

把「想像」從溝通裡拿掉

過去不管對需求方還是工程師，我都是用靜態稿溝通。偶爾會做 Figma Prototype，但設定節點和參數很花時間，複雜一點的互動根本做不出來，最後還是得靠口頭描述加上大家自己補完細節。而想像不一致，正是後續來回改稿的根源。

這次活動頁我嘗試用 Claude Code 直接做了一個簡化版的原型網站，完成度大概落在 wireframe 與精稿之間，拿去跟行銷、工程師對齊。比起靜態稿或 Figma Prototype，它有兩個優勢：

• 行銷和工程師能親手點點看，知道每個元件觸發後會發生什麼、視覺上實際是什麼感覺，而不是看著靜態圖各自腦補。
• 原型本身就是程式碼搭起來的，工程師可以直接拿去用或改，少掉「設計稿 → 程式碼」的轉譯落差。