製作八張商品詳情頁時,如果每一張都同樣下指令“展示產品的優點”,會發生什麼事?同一個產品只換背景,畫了八次。Somssii 系列一開始也是如此。我們統計了 15組商品詳情頁系列,發現連一張能讓人估量尺寸的畫面都沒有,而寵物飼料到達頁的五張圖裡,飼料袋出現了五次,寵物卻連一隻都沒有。
所以現在我們會先決定每一張要負責的任務。而且不只在畫圖階段,在撰寫文字的階段也給予同樣的任務。因為只加在圖片端時,會與先寫好的場景描述互相衝突,分配的四項任務連一項都沒有反映出來。
商品詳情頁 — 3秒吸睛、說服、信任
第一張是主視覺(封面),最後一張是結尾。中間各張依序負責以下任務。
- 問題 — 用真實場景呈現這個產品能減輕的日常不便。產品放在畫面邊緣,當作‘即將出現的解答’。標題說的也不是產品,而是讀者的處境。
- 解決問題的部位 — 近距離捕捉解決該不便的某個部位(鎖扣、把手、摺疊處)正在運作的瞬間。
- 佐證 — 拿在手上,或放在已知尺寸的物品旁,讓人估量大小,並讓材質與做工清楚可見。尺寸·容量·材質等數值只使用需求中寫明的,不會憑空捏造。
- 使用場景 — 會擁有這個產品的人,在實際使用的地點與時刻。
- 收納 — 不用時放置的地方(口袋、包包、支架)。
- 帶來的改變 — 與原本被取代的物品並排在同一個畫面中。不寫出競爭產品的名稱。
第五·第六項任務是因為最多張數(8張)而加入的。只有四項任務時,8張的詳情頁會把任務輪完一圈,同樣的特寫只換了背景又出現第二次。
上面的無線耳機商品詳情頁就是照這個順序 — 被通勤噪音折磨的場景(問題)、貼合耳朵的耳塞特寫(解決問題的部位)、放在掌心的大小(佐證)、在咖啡廳沉浸其中(使用場景)、包包裡的收納袋(收納)、與纏成一團的有線耳機並排(帶來的改變)、盒內配件(結尾)。
到達頁 — 說服從問題出發
到達頁是用來接受報名的頁面。封面要在 3秒內說清楚這是什麼,以及一個參與的理由;中間各張依序負責 ① 能減輕的不便 ② 承諾實現的瞬間 — 讓發生這件事的人或動物出現在畫面中 ③ 參與之後變得更好的一天。最後一張用輕鬆平靜的場景呈現第一步,並用標題說出接下來要做什麼。
前面提到的飼料到達頁,實際上就是這樣改變的。同一個主題,分別是分配任務前(上)與分配任務後(下)。
上面只是飼料袋出現了五次,看不出有什麼改變。下面則是飼料吃完而手忙腳亂的那天 → 送到家門口的瞬間 → 把碗吃得乾乾淨淨的貓 → 報名,每一張都帶讀者跨過一個判斷階段。
活動頁 — 公告從能得到的好處出發
活動頁是用來公告的頁面,所以順序不同。封面同時說出活動與最好的優惠;中間各張負責 ① 能拿到的東西(贈品·折扣·免費飲料)② 參與的動作(挑選·掃描·集章·點餐)③ 活動期間的氣氛。最後一張是參與方式與期限 — 如果需求中沒有日期,就不會憑空捏造日期。
原本‘活動 · 到達頁’是同一種類型。但到達頁是為了說服,所以從問題出發;活動頁是為了公告,所以從優惠出發。混在同一種類型裡,區塊順序就會亂掉,兩者都不上不下,因此我們把它拆成兩種。
公司簡介 — 一次呈現公司的一個面向
公司簡介 · 提案書和型錄一樣會合併成 PDF,但每一張處理的內容不同。依照實際公司簡介的順序,每一張分別負責業務內容 → 工作方式 → 人 → 累積的成果 → 地點。如果不為每個位置分配不同的任務,六張就會全部變成‘在辦公室工作的人們’的照片。數字或地址若需求中沒有寫,就不會憑空捏造。
總結 — 一張圖就是一個判斷階段
系列中的每一張,負責的不是‘同一個產品的不同角度’,而是讀者的一個判斷階段。挑選類型時這樣想也很簡單 — 想讓人購買就選商品詳情頁,想讓人報名就選到達頁,想讓人上門就選活動頁,想介紹公司就選公司簡介。




























