當(dāng)你們看到這篇文章的時候，恭喜，各位都成功熬過了雙十一的海量設(shè)計項目。

但也祝福你們，因為接踵而來的，就是雙十二、雙旦節(jié)以及年貨節(jié)的年末瘋狂了。

最后這兩個月我們往往在甲方鞭撻與運營催促的夾縫中生存，經(jīng)常被懟到懷疑人生：

?

“我自認(rèn)技法已經(jīng)很不錯了，為什么我設(shè)計的詳情頁總是被打回重做？”

?

翻看我們的站酷，相信在技法上很多同學(xué)已經(jīng)逐漸接近甚至超越了我們的頁面水平。

那為什么拿著自信滿滿的作品，依然沒法沖破甲方緊閉的心門？

作為一個技法無限趨近于0的戰(zhàn)五渣，今天就從設(shè)計技法之外的角度跟大家聊聊，

?

如何在邏輯層面做好一張詳情頁。

?

在弄清怎么做之前先弄清為什么。我們先要搞明白，主圖和詳情頁的作用是什么。

首先，是產(chǎn)品主圖。

?

產(chǎn)品KV，作為一個產(chǎn)品的門面，并不只是作為一個花瓶撐場面。

好的主圖是吸引客戶的第一標(biāo)準(zhǔn)。

?

一張主圖是否優(yōu)秀的市場評判標(biāo)準(zhǔn)在于它是否能在兩秒不到的時間里一擊命中消費者內(nèi)心，讓消費者駐足停留，甚至形成最直接的轉(zhuǎn)化。

而除此之外，主圖的設(shè)計還有一個目的：

?

誘導(dǎo)潛在消費者去看產(chǎn)品的詳情頁。

?

之前也聊過，國內(nèi)和國外的消費環(huán)境最大的差別就在于，相較于國外的清單式購買，國內(nèi)更看重一個購物時【逛】的氛圍。

這個氛圍不僅發(fā)酵在線下購物，線上購物同樣如此。

?

90%以上的用戶點開淘寶往往沒有什么明確的購買清單，并沒有說我今天就用50塊的蘭博基尼優(yōu)惠券買一輛藍色的蘭博基尼，買完就關(guān)閉淘寶。

大部分人打開淘寶的目的幾乎和打開抖音的目的是一樣的：

?

消磨時間。

?

就這么漫無目的刷啊刷，如果有吸引我的，就點進去看看；沒有，也無傷大雅。

?

?

要的，就是古代帝王翻牌的滿足感，講究。

面對這部分講究的消費者，要把他們轉(zhuǎn)化成實打?qū)嵉念櫩停?/span>靠主圖吸引他們點擊就成了引發(fā)購物行為的第一步。

?

但這充其量完成了20%，要真正實現(xiàn)購物行為，更重要的，還是用詳情頁勾引消費者的手指戳戳點點，把錢包里的錢交出來。

所以，詳情頁的實質(zhì)目的也呼之欲出了：

?

打消潛在消費者的焦慮。

?

換個更直白的說法，就是運營整天掛在嘴邊的，提高轉(zhuǎn)化率。

?

我們設(shè)計詳情頁的對標(biāo)觀眾，不是同行設(shè)計師，不是店鋪的死忠粉，更不是運營或者老板，是那群飄忽不定，可買可不買的【薛定諤型】消費者。

好，現(xiàn)在讓我們放窄視野，這部分的用戶，焦慮在哪里，猶豫在哪里？

?

產(chǎn)品質(zhì)量如何？

?

產(chǎn)品競爭力在哪里？

?

產(chǎn)品相對價格如何？

?

產(chǎn)品功能性如何？

?

... ...

?

上述這些讓潛在消費者搖擺不定的疑問，不正是產(chǎn)品詳情頁中應(yīng)該逐個解答的問題嗎？

?

你看，詳情頁的內(nèi)容鋪排不就敲定了？

OK。內(nèi)容解決了，我們再來思考，怎樣把這些內(nèi)容排列組合，從而形成一個層層遞進，誘人深入，最終達成購買的詳情頁？

?

現(xiàn)在市場上主流的詳情頁通常含10-15屏的內(nèi)容，而根據(jù)大多數(shù)人的記憶習(xí)慣，最容易形成的記憶點往往在首尾的內(nèi)容上。

?

所以，作為詳情頁的門面，首屏就顯得重中之重。

?

首屏的設(shè)計往往有兩種方式：直擊痛點的發(fā)問和直鋪功能的陳列。

?

在護膚品的詳情頁里經(jīng)常能看到直擊痛點式的首屏：

“皮膚干？”、“皮膚油？”、“膚色黯沉？”這類的靈魂發(fā)問往往能直擊消費者的內(nèi)心。

?

“臥槽，你在監(jiān)視我？”

?

產(chǎn)生了這種動搖的好奇，消費者們也就順其自然地接著往下看了，同時會產(chǎn)生很深刻的記憶：

?

“或許接下來會解決我的皮膚問題？”

根據(jù)痛點羅列產(chǎn)品功能賣點同樣也是首屏的慣用手法。

?

比如惠普游戲本的詳情頁首屏：

針對游戲玩家最關(guān)心的三大參數(shù)：cpu、顯卡和屏幕做出了最直接的解答，最直接地留住了潛在人群。

?

值得一提的是，惠普這款筆記本的詳情頁首屏考慮到不是所有玩家都認(rèn)識硬件的型號，所以并行了一種更直白的方式。

?

這臺電腦，玩逆水寒，賊流暢。

不論是設(shè)計病毒式傳播文案，還是編一段能加深記憶的口號，亦或是運用數(shù)字、符號、聯(lián)想化思維等方式，首屏的目的只有一個：

?

吸引關(guān)注，吊住胃口。

同樣，開頭把胃口吊起來了，中間的部分也要環(huán)環(huán)相扣。

?

有些朋友往往虎頭蛇尾，10天的項目有9天都在摳首屏的細(xì)節(jié)，后面的內(nèi)容草草了事。

?

這很容易給好不容易勾起興趣的消費者形成產(chǎn)品空有一身華麗外殼的暗示，對產(chǎn)品的好感度大打折扣。

一款優(yōu)秀詳情頁的中部，需要呈現(xiàn)給消費者的只有一點：

?

產(chǎn)品價值。

?

這個價值包括產(chǎn)品本身，產(chǎn)品的賣點、功能性、相對價格、參數(shù)以及其獨有競爭力...

?

如果難以拿捏這些要點的孰輕孰重，不妨以首屏展現(xiàn)的痛點或功能性為核心，依次展開講解，加強每一屏之間的邏輯性與通暢感。

?

光說不練假把式，空有文字的逼逼叨叨難免顯得有些乏味，在這里，我們以外星人電腦的詳情頁為例做個賞析（別問為什么，問就是喜歡但買不起?。?/span>

首屏基于外星人一如既往強悍性能，又增加了全新的slogen——“讓想象力再飛一點”，突出新一代產(chǎn)品性能的更進一步；

?

同時，超輕悍的標(biāo)語也打破了外星人長久以來給人“笨重”的感受，和主觀印象實現(xiàn)鮮明反差，引發(fā)潛在用戶的閱讀欲望。

吸引了足夠的關(guān)注后，緊接著直接放出產(chǎn)品的核心參數(shù)與賣點，讓人一眼就明白，這電腦配置，夠燒(sao)！

接下來的中間部分，就是對功能性這一塊的展開式講解，畢竟不是所有人都是電腦小能手，直觀的展示必不可少。

同時，還拓展了其他賣點，比如無色差的屏幕和完整的生態(tài)系統(tǒng)。

只要是自身的優(yōu)點，大可一一羅列出來，但一定要根據(jù)受眾注意一個主次關(guān)系。

?

外星人的潛在消費者大多是游戲發(fā)燒友，相較于炫酷的跑馬燈，這類消費者更在乎的是顯卡與CPU等于游戲有直接關(guān)聯(lián)的內(nèi)容。

?

所以這類詳情頁的前半部分大多是對性能的展現(xiàn)，后半部分才開始對絢麗的外觀與完整的生態(tài)鏈做宣傳。

其實到這里還遠沒有結(jié)束，最后是詳情頁升華情緒的殺招，刺激消費者購買欲的失樂園——尾屏。

?

尾屏的目的更加簡單粗暴——給我買！

?

首屏的誘敵深入和中部的全面狙擊，一套組合拳之后不能學(xué)馬大師傳統(tǒng)武德點到為止，完成K.O.的上勾拳可要交給尾屏好好完成。

為什么選擇我們？為什么現(xiàn)在選擇我們？能否一錘定音，就看尾屏的水準(zhǔn)了。

前面的部分都是在將潛在消費者的購買欲無限脹大，而尾屏的作用更像是將無限脹大的購買欲壓縮于一點后，再猛地噴涌出來。

?

買吧！不僅是買，而且是現(xiàn)在就買！

?

要做到這樣的升華效果，就需要設(shè)計者呼應(yīng)首屏的痛點，進一步放大痛點，一針見血，給出當(dāng)下購買的必要性。

講了這么多，突然發(fā)現(xiàn)，我們好像默認(rèn)了我們可以精準(zhǔn)找到主產(chǎn)品的痛點與賣點。

?

如果找不到產(chǎn)品痛點怎么辦？

?

給大家分享一個合理摸魚的技巧：逛淘寶。

?

很多朋友已經(jīng)學(xué)會了參考同類競品的設(shè)計風(fēng)格來決定自己詳情頁的風(fēng)格走向。

其實，痛點同樣可以靠同類參考。

?

在淘寶的商品頁面下方，有一個【問大家】的欄目，很多買家會在其中詢問自己最關(guān)心的問題，而這些問題收集起來，不正是同類產(chǎn)品最被關(guān)注的痛點嗎？

當(dāng)然了，收集時要排除一些搞節(jié)目效果的。

好，設(shè)計詳情頁的前期準(zhǔn)備工作已經(jīng)全部完成了，現(xiàn)在知道如何下手了吧，是時候展現(xiàn)真正的技術(shù)了，把運營做服！

什么？還想更進一步學(xué)習(xí)詳情頁的億點點小細(xì)節(jié)？

?

設(shè)計師與詳情頁愛恨情仇，不是一兩句能說清楚的。

?

想培養(yǎng)商業(yè)邏輯，進階自己技法的同學(xué)可以考慮我們~

過去，我們在做設(shè)計時，往往覺得詳情頁的邏輯和鋪排是AE與策劃的工作。

?

現(xiàn)在，隨著工作難度與工作節(jié)奏的加快，后浪涌現(xiàn)與人工AI的發(fā)展要求一個優(yōu)秀的設(shè)計師不止與技法上的卓越，更是在整體的設(shè)計上有洞穿市場的前瞻性。

在越來越多的頁面一味追求華而不實特效氛圍下，一款內(nèi)容清晰，邏輯明了的詳情頁更顯得彌足珍貴。

?

不要舍本逐末于軟件與科技的較真里，一個設(shè)計師最大最鋒利的武器永遠是自己的頭腦，不要變成沒有感情的做圖機器。

?

鍛煉自己的邏輯思維，挖掘客戶真正想看的億點點細(xì)節(jié)，才是一個設(shè)計師的價值所在。

卓越的電商設(shè)計師，難以成為天馬行空的藝術(shù)家，但一定是一位洞悉市場的戰(zhàn)略家。