【日系視覺獨家筆記 #6】知識圖卡很漂亮，為什麼直接貼到銷售頁就怪怪的？
早鳥價只到 7/26 (這禮拜天)
Hi 我是朱騏 👋
這是【日系視覺獨家筆記】系列的第六篇。
上一篇我們聊了怎麼做出有系列感的圖卡。這篇接著聊一個很自然會踩到的坑。
你好不容易做出一整套漂亮圖卡，心想「那我直接拿來當銷售頁不就好了」。
結果一貼上去整頁就是怪怪的，但又說不上來哪裡不對…
同樣是圖，閱讀方式完全不一樣
先講原因。
知識圖卡的閱讀方式，是「連續閱讀」：
讀者一張接一張往下滑，像在看一本翻頁書。
每一張承接上一張，順順地把人帶到最後。
銷售頁的閱讀方式，是「分區塊閱讀」：
讀者不是順順看完，他會亂滑。
看一眼主視覺、滑到痛點、跳去看價格、再回頭看你是誰。
一個是線性的，一個是區塊的。
閱讀方式不一樣，需要的圖自然不一樣。
所以你把「連續閱讀」邏輯的圖卡，硬塞進「分區塊閱讀」的銷售頁當然會怪。
銷售頁的每一塊，任務都不同
一頁好的課程銷售頁，通常會切成這幾塊：
Hero（主視覺）：第一眼負責抓住眼球、讓人想繼續看
痛點區：講中讀者的困擾，讓他「對，這就是我」
適合誰：幫讀者對號入座
收穫區：說清楚他學完會得到什麼
講師介紹：你是誰、憑什麼教
CTA 區：臨門一腳，推他報名
你看，每一塊要做的事都不一樣。
Hero 要搶眼，所以圖要大、要有衝擊力。
痛點區要共鳴，圖的氣氛就得不一樣。
收穫區要清楚，可能需要的是條列、是對比。
這就是為什麼一套「連續閱讀」的圖卡，補不齊一頁銷售頁。
那要怎麼辦？
答案是：你要「按區塊」去規劃。
先把銷售頁拆成上面那幾塊
想清楚每一塊要達成什麼任務
再針對每一塊去生對應的圖。Hero 一種、痛點區一種、收穫區一種
做出來的，會是一整套「按區塊分工」的圖庫。
把它們各自放回對應的區塊，整頁才會像一頁真正會讓人想買的銷售頁。
收個尾
很多人卡在「我圖卡都做好了，為什麼銷售頁還是組不起來」，就是因為沒看穿這層差別。
關鍵是：
圖卡是給人「一張一張看完」的，銷售頁是給人「一塊一塊各取所需」的。
想通這件事，你做銷售頁的方式就會整個改變。
下一篇我會再往下一層，聊銷售頁的「排版」。
同樣的圖跟文字，排法不一樣質感差很多。
我會分享 6 種排版型態，以及它們各自適合放在哪一塊。
敬請期待！
P.S. 「把圖卡邏輯翻譯成銷售頁分區圖庫」這套工作流，是 四週 ChatGPT 日系視覺挑戰營 第三週在做的事。
四週後你會做出什麼，先看這個作品展示頁：
https://vizance.github.io/chatgpt-visual-camp-demo/
報名在這裡：
https://chichu.co/event/4-weeks-chatgpt-visual-camp
Substack 讀者專屬折扣碼 banner-substack，早鳥再折 NT$1,000 (折後 NT$11,800)。
提醒你一下 7/27 之後會調漲至 NT$15,800，越早報名省越多。