系列 · 2026-10-05

商品詳情頁八張,每張的任務都不同 — 詳情頁·到達頁·活動頁的順序

同樣的指令下八次,只會得到八張相似的畫面。我們用實際成果說明 Somssii 系列為什麼要先分配每一張的任務,以及商品詳情頁·到達頁·活動頁為什麼採用不同的順序。

商品詳情頁八張,每張的任務都不同 — 詳情頁·到達頁·活動頁的順序

製作八張商品詳情頁時,如果每一張都同樣下指令“展示產品的優點”,會發生什麼事?同一個產品只換背景,畫了八次。Somssii 系列一開始也是如此。我們統計了 15組商品詳情頁系列,發現連一張能讓人估量尺寸的畫面都沒有,而寵物飼料到達頁的五張圖裡,飼料袋出現了五次,寵物卻連一隻都沒有。

所以現在我們會先決定每一張要負責的任務。而且不只在畫圖階段,在撰寫文字的階段也給予同樣的任務。因為只加在圖片端時,會與先寫好的場景描述互相衝突,分配的四項任務連一項都沒有反映出來。

商品詳情頁 — 3秒吸睛、說服、信任

第一張是主視覺(封面),最後一張是結尾。中間各張依序負責以下任務。

  1. 問題 — 用真實場景呈現這個產品能減輕的日常不便。產品放在畫面邊緣,當作‘即將出現的解答’。標題說的也不是產品,而是讀者的處境。
  2. 解決問題的部位 — 近距離捕捉解決該不便的某個部位(鎖扣、把手、摺疊處)正在運作的瞬間。
  3. 佐證 — 拿在手上,或放在已知尺寸的物品旁,讓人估量大小,並讓材質與做工清楚可見。尺寸·容量·材質等數值只使用需求中寫明的,不會憑空捏造。
  4. 使用場景 — 會擁有這個產品的人,在實際使用的地點與時刻。
  5. 收納 — 不用時放置的地方(口袋、包包、支架)。
  6. 帶來的改變 — 與原本被取代的物品並排在同一個畫面中。不寫出競爭產品的名稱。

第五·第六項任務是因為最多張數(8張)而加入的。只有四項任務時,8張的詳情頁會把任務輪完一圈,同樣的特寫只換了背景又出現第二次。

無線耳機 降噪 充電盒 101 無線耳機 降噪 充電盒 202 無線耳機 降噪 充電盒 303 無線耳機 降噪 充電盒 404 無線耳機 降噪 充電盒 505 無線耳機 降噪 充電盒 606 無線耳機 降噪 充電盒 707 無線耳機 降噪 充電盒 808
無線耳機 降噪 充電盒 · 商品詳情頁 · 8張 · 9:16 開啟系列 →

上面的無線耳機商品詳情頁就是照這個順序 — 被通勤噪音折磨的場景(問題)、貼合耳朵的耳塞特寫(解決問題的部位)、放在掌心的大小(佐證)、在咖啡廳沉浸其中(使用場景)、包包裡的收納袋(收納)、與纏成一團的有線耳機並排(帶來的改變)、盒內配件(結尾)。

到達頁 — 說服從問題出發

到達頁是用來接受報名的頁面。封面要在 3秒內說清楚這是什麼,以及一個參與的理由;中間各張依序負責 ① 能減輕的不便 ② 承諾實現的瞬間 — 讓發生這件事的人或動物出現在畫面中 ③ 參與之後變得更好的一天。最後一張用輕鬆平靜的場景呈現第一步,並用標題說出接下來要做什麼。

前面提到的飼料到達頁,實際上就是這樣改變的。同一個主題,分別是分配任務前(上)與分配任務後(下)。

寵物飼料定期配送 首月免費體驗 101 寵物飼料定期配送 首月免費體驗 202 寵物飼料定期配送 首月免費體驗 303 寵物飼料定期配送 首月免費體驗 404 寵物飼料定期配送 首月免費體驗 505
寵物飼料定期配送 首月免費體驗 · 到達頁 · 5張 · 9:16 開啟系列 →
寵物飼料定期配送 首月免費體驗 101 寵物飼料定期配送 首月免費體驗 202 寵物飼料定期配送 首月免費體驗 303 寵物飼料定期配送 首月免費體驗 404 寵物飼料定期配送 首月免費體驗 505
寵物飼料定期配送 首月免費體驗 · 到達頁 · 5張 · 9:16 開啟系列 →

上面只是飼料袋出現了五次,看不出有什麼改變。下面則是飼料吃完而手忙腳亂的那天 → 送到家門口的瞬間 → 把碗吃得乾乾淨淨的貓 → 報名,每一張都帶讀者跨過一個判斷階段。

活動頁 — 公告從能得到的好處出發

活動頁是用來公告的頁面,所以順序不同。封面同時說出活動與最好的優惠;中間各張負責 ① 能拿到的東西(贈品·折扣·免費飲料)② 參與的動作(挑選·掃描·集章·點餐)③ 活動期間的氣氛。最後一張是參與方式與期限 — 如果需求中沒有日期,就不會憑空捏造日期。

原本‘活動 · 到達頁’是同一種類型。但到達頁是為了說服,所以從問題出發;活動頁是為了公告,所以從優惠出發。混在同一種類型裡,區塊順序就會亂掉,兩者都不上不下,因此我們把它拆成兩種。

社區麵包店開幕1週年感謝活動 贈送飲料 101 社區麵包店開幕1週年感謝活動 贈送飲料 202 社區麵包店開幕1週年感謝活動 贈送飲料 303 社區麵包店開幕1週年感謝活動 贈送飲料 404
社區麵包店開幕1週年感謝活動 贈送飲料 · 活動頁 · 4張 · 9:16 開啟系列 →

公司簡介 — 一次呈現公司的一個面向

公司簡介 · 提案書和型錄一樣會合併成 PDF,但每一張處理的內容不同。依照實際公司簡介的順序,每一張分別負責業務內容 → 工作方式 → 人 → 累積的成果 → 地點。如果不為每個位置分配不同的任務,六張就會全部變成‘在辦公室工作的人們’的照片。數字或地址若需求中沒有寫,就不會憑空捏造。

木工坊公司簡介 101 木工坊公司簡介 202 木工坊公司簡介 303 木工坊公司簡介 404 木工坊公司簡介 505 木工坊公司簡介 606
木工坊公司簡介 · 公司簡介 · 提案書 · 6張 · 3:4 開啟系列 →

總結 — 一張圖就是一個判斷階段

系列中的每一張,負責的不是‘同一個產品的不同角度’,而是讀者的一個判斷階段。挑選類型時這樣想也很簡單 — 想讓人購買就選商品詳情頁,想讓人報名就選到達頁,想讓人上門就選活動頁,想介紹公司就選公司簡介。

製作商品詳情頁 → · 查看所有系列 →

瀏覽 8
Shorts · Ten looks · Series

短影音、分鏡、設計提案、系列,現在就開始

註冊即送免費點數,不需要信用卡。

訂閱電子報

搶先收到新的概念包、短影音製作案例、應用案例與生成技巧。

✦創作 ✎洽詢

註冊即送30點數(可製作3次套圖) · 無需信用卡

免費開始