怎樣設(shè)計(jì)好一張?zhí)詫氃斍轫?yè)？具體思路是什么？

時(shí)間：2024-02-14 18:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-14 18:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

怎樣設(shè)計(jì)好一張?zhí)詫氃斍轫?yè)？具體思路是什么？：以下的答案內(nèi)容，多來(lái)自淘寶美妝淘品牌傳奇；

連續(xù)三年銷量NO.1的“阿芙精油”設(shè)計(jì)總監(jiān)站酷設(shè)計(jì)大神『鹽樂(lè)』

與“阿芙精油”營(yíng)銷總監(jiān)本站20萬(wàn)粉絲營(yíng)銷類目大V『波旬』

兩位大牛的經(jīng)驗(yàn)。

我只是波旬門下首徒，

在不斷實(shí)踐和補(bǔ)充后，將這份經(jīng)驗(yàn)整理并分享給更多迷茫中的美工。

在設(shè)計(jì)水平和功力上，我可能遠(yuǎn)不如看答案的你，不過(guò)我十分確定，你應(yīng)該左下角一下。

我并不是一位專業(yè)的射雞師，確切的說(shuō)，我只是曾經(jīng)覺(jué)得我美工干的太差了，就花幾百塊買了個(gè)教學(xué)網(wǎng)站VIP，自學(xué)了一個(gè)多月，叫朋友指點(diǎn)了我很多，把美工做不好的活我自己做了。




沒(méi)有一個(gè)扯淡的美工拖后腿，當(dāng)年下班都早了兩個(gè)小時(shí)。




美工這個(gè)崗位，在大店人多、架構(gòu)全，詳情頁(yè)內(nèi)容其實(shí)是運(yùn)營(yíng)來(lái)設(shè)計(jì)，文案來(lái)補(bǔ)齊的，與美工無(wú)關(guān)。美工只負(fù)責(zé)把運(yùn)營(yíng)的思路做漂亮，把文案的主次搞清楚，把頁(yè)面的整體做好看，足以。

頭部的大店畢竟是少數(shù)，六點(diǎn)下班后拿杯星巴克去健身的設(shè)計(jì)師美女在北上廣經(jīng)常能見(jiàn)到。但行業(yè)里無(wú)數(shù)的中小企業(yè)和中小電商平臺(tái)還是要活的，美工也是一個(gè)龐大的群體。




如果你就職在一家公司，老板不懂營(yíng)銷，詳情頁(yè)邏輯混亂，運(yùn)營(yíng)不懂用戶引導(dǎo)路徑，產(chǎn)品沒(méi)有明確的定位和賣點(diǎn)（也叫用戶痛點(diǎn)），這家公司如果不是背后有資源支持，那就吃棗藥丸。




你只有兩條路，

• 一是拿好穩(wěn)定的工資說(shuō)啥干啥別想太多活的簡(jiǎn)單點(diǎn)，活在大多數(shù)人的舒適區(qū)里，倒閉一家換一家繼續(xù)干，等退休。
• 二是換份工作快速成長(zhǎng)，不在該奮斗的年齡在乎老板的幾千薪水，敢走出舒適區(qū)拼一把成為行業(yè)大神。

所以不要在看完本文后抱怨自己的老板和運(yùn)營(yíng)不給力，其實(shí)是你自己，走不出舒適區(qū)。

正式開(kāi)始：詳情頁(yè)設(shè)計(jì)過(guò)程

1. 一次性思考（不要貿(mào)然下筆）——手繪藍(lán)圖（不因操作打斷思路）；
2. 補(bǔ)充促銷噱頭提轉(zhuǎn)化（優(yōu)化轉(zhuǎn)化率）——修改文案，確定主次（優(yōu)化頁(yè)面引導(dǎo)路徑）；
3. 點(diǎn)綴標(biāo)識(shí)，提升購(gòu)物欲（銷售冠軍皇冠、今日直降箭頭等）——美工實(shí)現(xiàn)，優(yōu)化展現(xiàn)；
4. 交工；

【本篇文章寫于2017年，在2020年已經(jīng)出現(xiàn)了較為成熟的詳情頁(yè)一鍵制作工具，大大提升制作效率，我更新在文章末尾了，心急的朋友可以直接翻到末尾了解一下再回來(lái)看。】

一、一次性思考（不要貿(mào)然下筆）——手繪藍(lán)圖（不因操作打斷思路）；

首先上一張藍(lán)圖底板，圖比較長(zhǎng)，耐心下拉，文件鏈接在文章最下方。講真，取走不點(diǎn)贊你真的心里過(guò)得去嗎。













準(zhǔn)備好藍(lán)圖底板，最好打印出來(lái)。

詳情頁(yè)的內(nèi)容要一次性構(gòu)思好，絕對(duì)不要想一個(gè)寫一個(gè)。

你寫下一個(gè)想法越多，就越容易這個(gè)想法牽著走陷入死局，阻礙你拿出更精彩的方案。

詳情頁(yè)內(nèi)容思路：

• 確定產(chǎn)品的定位、主要賣點(diǎn)（產(chǎn)品解決用戶哪個(gè)痛點(diǎn)，用戶做購(gòu)買決策時(shí)最看重的那一個(gè)點(diǎn)）；
• 詳細(xì)描述你的主要賣點(diǎn)功效（3W公理）；

確定產(chǎn)品的主要賣點(diǎn)，是在客戶的頭腦里，給產(chǎn)品建立一個(gè)明確的定位，簡(jiǎn)單來(lái)講，必須是第一或唯一，這是企業(yè)產(chǎn)品在市場(chǎng)營(yíng)銷定位中最基礎(chǔ)的東西。

• 阿芙精油的銷量第一，公牛的安全第一，熱水器的某某某技術(shù)防漏電30年不壞第一且唯一，小米手機(jī)的304不銹鋼500多道工序最后上手第一且唯一……

《現(xiàn)代營(yíng)銷學(xué)》和《定位》兩本書都有一個(gè)非常統(tǒng)一的共性，原文我已經(jīng)忘了。

消費(fèi)者接受和儲(chǔ)存信息，是一一對(duì)應(yīng)的，最多能儲(chǔ)存兩三個(gè)。

常見(jiàn)的例子就是世界第一峰和世界第二峰乃至第三峰的故事，除了特別能抬杠的，正常人都只記得第一峰。

再比如去屑洗發(fā)水，海飛絲、潘婷還是其他牌子，除了特別能抬杠的，正常人也數(shù)不出三個(gè)以上。

你的產(chǎn)品出現(xiàn)在數(shù)萬(wàn)商品中，如果是什么都好，那就是什么都一般，相當(dāng)于沒(méi)有賣點(diǎn)，沒(méi)有記憶點(diǎn)。




消費(fèi)者一掃而過(guò)，根本記不住你哪里值得他掏腰包。




有一次我聽(tīng)贊伯營(yíng)銷的路長(zhǎng)全老師做分享，他在給一家玉米油上市公司做策劃的時(shí)候，發(fā)現(xiàn)玉米油市場(chǎng)沒(méi)有一個(gè)中高檔品牌，就給這個(gè)企業(yè)說(shuō)，你把包裝重新設(shè)計(jì)一下，然后打上一個(gè)“ 健康12道 道道真品質(zhì) “的賣點(diǎn)。

玉米油老總說(shuō)我這個(gè)沒(méi)有12道啊，路老師說(shuō)你叫生產(chǎn)部門去湊湊就有了。

其實(shí)賣點(diǎn)很多都是這么來(lái)的，這個(gè)油就是現(xiàn)在的長(zhǎng)壽花玉米油，你在全國(guó)大多數(shù)超市終端渠道都可以看到。







我的一位朋友是產(chǎn)品經(jīng)理，每次他在思考賣點(diǎn)的時(shí)候，都在想我們?nèi)绾巫龀霾町惢看挝叶几嬖V他：“其實(shí)賣點(diǎn)和用戶痛點(diǎn)，并不一定真正需要做出差異化，很多創(chuàng)業(yè)公司做的差異化都把弱需求強(qiáng)行拔高，并把他確認(rèn)為用戶痛點(diǎn)，是差異化。這樣遠(yuǎn)不如在一個(gè)產(chǎn)品一個(gè)痛點(diǎn)上做微創(chuàng)新，把痛點(diǎn)解決到極致，更容易成功。”




比如玉米油更健康這個(gè)賣點(diǎn)

• 普通運(yùn)營(yíng)/美工：健康就用，XXX油。XXX油是XX公司生產(chǎn)的民用高端宴會(huì)油……（下面開(kāi)始介紹企業(yè)實(shí)力，生產(chǎn)流程）

• 懂營(yíng)銷的運(yùn)營(yíng)/美工：一年銷售3億桶，健康12道，道道真品質(zhì)?。ㄏ旅骈_(kāi)始講12道都是怎么保證健康的，銷量如何大，評(píng)價(jià)如何好）

哪個(gè)有購(gòu)買欲和點(diǎn)擊欲，哪個(gè)有用，容易做出好的詳情頁(yè)，能被客戶記住并選購(gòu)。很明顯的你能看出來(lái)。

美工要懂得最基礎(chǔ)的定位，只有三點(diǎn)，要是老板和運(yùn)營(yíng)都沒(méi)想好，你幫他想好：

1. 對(duì)比其他品牌，找到他們沒(méi)有強(qiáng)調(diào)過(guò)的用戶痛點(diǎn)解決方案。
2. 不要試圖讓人人都滿意，有人愛(ài)便宜、有人愛(ài)健康、有人愛(ài)好吃等等，不能全部迎合，全部迎合就是沒(méi)有特點(diǎn)，沒(méi)有賣點(diǎn)。詳情頁(yè)行不行，看點(diǎn)擊率、轉(zhuǎn)化率。
3. 樹(shù)立產(chǎn)品自己的標(biāo)準(zhǔn)，成為行業(yè)第一且唯一，宣揚(yáng)與競(jìng)爭(zhēng)者不同的地方。

確定了定位，下一步就是3W公理（why-how-what）

簡(jiǎn)單來(lái)說(shuō)：

• 你對(duì)我哪點(diǎn)好？
• 為什么能對(duì)我這點(diǎn)好？
• 怎么證明你的產(chǎn)品確實(shí)這點(diǎn)好？

電商起家的小狗電器電商事業(yè)部負(fù)責(zé)人說(shuō)“我們能崛起，在于我們能把用戶體驗(yàn)放在首位”。




半年前，我去搜吸塵器，美的的吸塵器詳情頁(yè)大幅內(nèi)容就是介紹生產(chǎn)工藝和產(chǎn)品性能、設(shè)計(jì)細(xì)節(jié)，規(guī)范古板而且無(wú)聊。




小狗的吸塵器詳情頁(yè)大幅內(nèi)容就是介紹用戶可以如何使用小狗吸塵器，如何吸沙發(fā)、地毯、墻角，如何使用小狗的多方向轉(zhuǎn)頭輕松吸一些拐角，最后一把吸塵器給你一個(gè)安靜干凈的家，描繪了消費(fèi)者的夢(mèng)想并一一滿足。




這就是圖文帶給用戶體驗(yàn)上的差異。




電商銷售，詳情頁(yè)為王，一味論述生產(chǎn)工藝好、產(chǎn)品好、企業(yè)好，不如多講怎么滿足用戶的需求，人家“美的”賣得掉是牌子大，詳情頁(yè)有個(gè)基礎(chǔ)就夠了，但中小品牌是不行的，學(xué)半年前的“美的”就是坑老板、坑運(yùn)營(yíng)。

滿足用戶需求，先明確什么叫需求。需求來(lái)自對(duì)美好的向往，和對(duì)現(xiàn)狀的恐懼。

• 定位后的第一屏，提出需求，就是提出恐懼。

以阿芙精油舉例子，第一屏就是顧客曾經(jīng)遇到的肌膚保養(yǎng)問(wèn)題，皮膚干，不精神，狀態(tài)差等等；以吸塵器舉例子，第一屏就是顧客曾經(jīng)遇到的噪音大，吸力小，拐角進(jìn)不去，地毯吸不干凈等等；以手拉車舉例子，第一屏就是拉手壞了，太笨重，不好看，容易翻等等?！?br>

• 第二屏，提出我們的產(chǎn)品，為什么能滿足這個(gè)需求，帶來(lái)美好的生活。

我們的產(chǎn)品，他的原理是什么，成分是什么，萃取工藝是什么，你可以如何使用來(lái)解決你的問(wèn)題，還可以如何使用帶來(lái)驚喜，對(duì)比曾經(jīng)你的不滿意，使用了這個(gè)產(chǎn)品都可以一一對(duì)應(yīng)解決。

• 第三屏，證明我們的產(chǎn)品，確實(shí)有這樣的效果。

使用前后的對(duì)比照啊，好評(píng)截圖啊，老師推薦，達(dá)人使用，網(wǎng)友測(cè)評(píng)，雜志、電視、網(wǎng)站的推薦，專柜和網(wǎng)店銷量非常高復(fù)購(gòu)率高，名人典故使用這種原理的產(chǎn)品解決了跟客戶一樣的問(wèn)題。盡量使用簡(jiǎn)潔的餅狀圖、柱狀圖，曲線圖等等來(lái)說(shuō)明，不要搞一大堆字，這就不用多說(shuō)了，你們都應(yīng)該懂。

• 第四屏，增加專業(yè)度、可信度

注意事項(xiàng)，使用說(shuō)明書，附帶的配件，質(zhì)地，其他使用小技巧等

• 第五屏，能連帶銷售是最好的

比如護(hù)膚品，就放保養(yǎng)流程；比如輔食產(chǎn)品，就放科學(xué)營(yíng)養(yǎng)輔食食用流程；比如拉桿車，就放繩子和鎖；比如精油，就放香薰?fàn)t使用流程加速消耗……

• 第六屏，企業(yè)的品牌故事，研發(fā)實(shí)力

最好能從側(cè)面證明你產(chǎn)品的功效。

比如阿芙精油的品牌故事：已故的撒切爾夫人，在馬島戰(zhàn)爭(zhēng)期間，曾經(jīng)連續(xù)指揮作戰(zhàn)五天五夜，期間她為了保持頭腦清醒，用光了12瓶薄荷精油。（其實(shí)這是一個(gè)杜撰的故事）




OK，到了這里，你已經(jīng)超越了絕大多數(shù)美工同行的水平，起碼，你是一個(gè)懂得營(yíng)銷的美工。

能把詳情頁(yè)做的詳實(shí)，滿足客戶需求，讓客戶進(jìn)入你的轉(zhuǎn)化路徑一步步被說(shuō)服。




而不是像大多數(shù)電商運(yùn)營(yíng)的美工做詳情頁(yè)：瞎猜。




有一次想找個(gè)代運(yùn)營(yíng)公司替我操份心，找了幾十個(gè)代運(yùn)營(yíng)公司，不愿意先提供設(shè)計(jì)咨詢服務(wù)的全部pass。

有兩家愿意提供設(shè)計(jì)咨詢服務(wù)的就讓他們給我設(shè)計(jì)一下詳情頁(yè)我看看水平，結(jié)果拿來(lái)的那個(gè)詳情頁(yè)先不說(shuō)有多丑了，光是轉(zhuǎn)化路徑就很不明確，給我講解思路的時(shí)候只能說(shuō)“我覺(jué)得……”、“客戶應(yīng)該是……”、“體現(xiàn)我們品牌強(qiáng)大……”、“這放個(gè)金牌能說(shuō)明服務(wù)好……“。

二、補(bǔ)充促銷噱頭提轉(zhuǎn)化（優(yōu)化轉(zhuǎn)化率）——修改文案，確定主次（優(yōu)化頁(yè)面引導(dǎo)路徑）；

三、點(diǎn)綴標(biāo)識(shí)，提升購(gòu)物欲（銷售冠軍皇冠、今日直降箭頭等）——美工實(shí)現(xiàn)，優(yōu)化展現(xiàn)；

內(nèi)容確定好了，接下來(lái)優(yōu)化細(xì)節(jié)。

按理說(shuō)，這一塊也不該美工負(fù)責(zé)，而是店長(zhǎng)來(lái)做統(tǒng)一的月度和年度促銷計(jì)劃。

篇幅有限我就不多展開(kāi)了，只說(shuō)幾點(diǎn)美工需要干的。




在你動(dòng)手設(shè)計(jì)整個(gè)頁(yè)面展現(xiàn)形式之前，定好三條線索，線索就是用戶的瀏覽軌跡和瀏覽感知。

每一次設(shè)計(jì)境界的進(jìn)步，都是通過(guò)這三條線索交織整合中積累的經(jīng)驗(yàn)。

• 營(yíng)銷線索：最重要的線索，就是上文中設(shè)計(jì)的詳情頁(yè)內(nèi)容；

• 故事線索：次重要的線索，就是品牌和產(chǎn)品文化的體現(xiàn)，比如手機(jī)科技類的產(chǎn)品會(huì)用黑色的底色、立體的產(chǎn)品拆解圖、雜亂的幾何設(shè)計(jì)稿等元素來(lái)帶給用戶科技感和制作流程的匠心；比如農(nóng)產(chǎn)品會(huì)用亮色、綠樹(shù)、森林、草地野果、老農(nóng)民、泥土、小動(dòng)物等元素來(lái)帶給用戶原生態(tài)大自然的感覺(jué)。

• 視覺(jué)線索：就是下文曾提升過(guò)3%轉(zhuǎn)化率，降低7%跳失率的這些引導(dǎo)用戶眼球，讓用戶無(wú)障礙了解所有信息，并跟從促銷節(jié)奏的細(xì)節(jié)。

• 首先頁(yè)頭，放置一個(gè)優(yōu)惠套裝和特惠活動(dòng)是必要的，提升引流款的流量，提高套裝購(gòu)買率。

• 為了突出活動(dòng)商品的優(yōu)惠，標(biāo)價(jià)必標(biāo)原價(jià)后劃掉，再寫活動(dòng)價(jià)。

• 明確產(chǎn)品的定位，也就是用戶痛點(diǎn)后，用最快的速度最短的距離讓用戶看到“解決方案”，降低跳失率，提升轉(zhuǎn)化。

• 獲獎(jiǎng)產(chǎn)品（可以買獎(jiǎng)）獎(jiǎng)杯要夠大夠顯眼，給半個(gè)篇幅都不過(guò)分

• 店鋪優(yōu)惠的部分必須簡(jiǎn)單清晰，要求任何人都能看懂。
• 贈(zèng)品如果是小件，就PS直接放大兩倍左右，有正品高度的一半以上，提升誘惑力。

• 文案主次區(qū)隔開(kāi)，主文案寫特點(diǎn)，副文案證明特點(diǎn)。

• 關(guān)聯(lián)銷售的產(chǎn)品圖上標(biāo)上新品的標(biāo)識(shí)，會(huì)引起用戶好奇，提升點(diǎn)擊率。

• 善用圖表，比如折線圖，來(lái)表現(xiàn)今天的價(jià)格真的夠低，催單效果好。

• 不要把運(yùn)營(yíng)給的產(chǎn)品數(shù)據(jù)，直接寫在詳情頁(yè)上，你要做個(gè)簡(jiǎn)單的圖表把它展示好

• 同一排不允許出現(xiàn)多個(gè)爆炸貼，多個(gè)重點(diǎn)，都優(yōu)惠就是沒(méi)優(yōu)惠，都重點(diǎn)就是沒(méi)重點(diǎn)。

• 如果產(chǎn)品有贈(zèng)送的小樣，首圖和詳情頁(yè)中都應(yīng)該包含贈(zèng)品，都點(diǎn)明買一送幾，提高轉(zhuǎn)化率和點(diǎn)擊率。

• 產(chǎn)品背后要放置具有美感的背景，不能直接放在白底板上。

• 能談情懷的地方就不要讓它空著，這樣做會(huì)讓詳情頁(yè)更有味道

• 盡量精簡(jiǎn)詳情頁(yè)的長(zhǎng)度，將內(nèi)容組合安排，如上圖
• 立即搶購(gòu)的標(biāo)識(shí)必須醒目，這是一種心理暗示
• 如果有實(shí)體店，或者經(jīng)銷商有實(shí)體店，一定要突出，有加分效果
• 減價(jià)的產(chǎn)品背景用一個(gè)箭頭，可以有效提升感知

四、交工

把做好的詳情頁(yè)由老板或運(yùn)營(yíng)看過(guò)滿意后，修修改改，上架完事。

• 如果你是一個(gè)普通的美工，到這就可以下班回家了。
• 如果你是一個(gè)有理想的美工，就多關(guān)注運(yùn)營(yíng)那邊的點(diǎn)擊率。收藏率，轉(zhuǎn)化率和直通車測(cè)款數(shù)據(jù)。
• 如果你是一個(gè)牛逼的美工，直接告訴運(yùn)營(yíng)老娘不改了，你就給我這么上，要是轉(zhuǎn)化率不行不賣貨，今晚我是你的人。
• 如果你是一個(gè)立志要成為設(shè)計(jì)總監(jiān)帶團(tuán)隊(duì)的美工，就多關(guān)注其他美工的情況，把這套心法傳授給他們，恩澤別人積累影響力。
• 如果你是一個(gè)在現(xiàn)在崗位上，什么都做不了又不想做的美工，拿著工資下班回家睡覺(jué)追劇就好。
• 如果你是一個(gè)在現(xiàn)在崗位上，什么都做不了又很想做點(diǎn)事的美工，請(qǐng)準(zhǔn)備好你的簡(jiǎn)歷和作品，帶上你的態(tài)度私信我。

評(píng)論一般統(tǒng)一回復(fù)：

1、鏈接：http://pan.baidu.com/s/1i5A8bGx 密碼：ppgm 表格鏈接在這里，自行下載即可

2、本次分享所用的圖片來(lái)自鹽樂(lè)大神在阿芙時(shí)提出的標(biāo)準(zhǔn)，時(shí)過(guò)境遷有違反當(dāng)今乃至未來(lái)廣告法的詞匯，請(qǐng)自助鑒別，不要死腦筋。而且我舉例是用PC端的，無(wú)線端自覺(jué)調(diào)整尺寸去適應(yīng)，應(yīng)該主要把制作精力放在無(wú)線端。

3、定位是第一且唯一沒(méi)必要非在文案里說(shuō)出來(lái)，現(xiàn)在違反廣告法。比如某礦物質(zhì)水來(lái)自地下5000米，你標(biāo)榜自己是第一深的礦物質(zhì)水，可以做個(gè)水深對(duì)比表來(lái)表達(dá)。說(shuō)比普通礦泉水更深2000米來(lái)切割心智，在你的維度上給消費(fèi)者兩個(gè)選擇，一是普通礦泉水，二是更深2000米的礦泉水。

4、隨著時(shí)代的發(fā)展，現(xiàn)在已經(jīng)出現(xiàn)了精致模板自動(dòng)生成詳情頁(yè)的工具，只要輸入文字和修好的照片就能一鍵出圖，美工偷懶福音…………大概是這個(gè)樣子。

針對(duì)剛?cè)胄械男“谆蛘唧w量大的店鋪，可以用這類智能輔助工具，比如說(shuō)詳情頁(yè)制作軟件-ECPro易尚貨，幾分鐘就可以生成一款商品詳情頁(yè)，還支持淘寶、京東、唯品會(huì)等跨平臺(tái)一鍵上新。只需要在平臺(tái)上傳圖片包，平臺(tái)可以自動(dòng)解析屬性，生成商品的詳情頁(yè)，整個(gè)過(guò)程也就3-5分鐘，相比之前最快1天才能完成的上新工作，工作效率提高了N多倍，現(xiàn)在有免費(fèi)試用，有需要的可以自取。