如何設(shè)計(jì)一張高轉(zhuǎn)化的詳情頁？看完這篇你就明白了

詳情頁是什么？

在渠道化產(chǎn)品的展現(xiàn)中。

賣家以“圖文混排”的方法傳遞產(chǎn)品相關(guān)特點(diǎn)信息的頁面，便是以滿足線上用戶對(duì)產(chǎn)品信息的了解或許購買的需求。

圖片文字與色是排版視覺導(dǎo)向的單位。

構(gòu)成詳情頁的最小單位包括了圖，文和色，經(jīng)過排版形成了一種信息和視覺上的導(dǎo)向。

依據(jù)詳情頁構(gòu)成單元的不同用途作用，把他們細(xì)分為以下幾類。

在產(chǎn)品展現(xiàn)的其間，拍照?qǐng)D片的質(zhì)量要求是十分高的，要是十分糟糕的圖片，就算是再好的排版和規(guī)劃也是無力回天。

還有文字的字體，巨細(xì)，位置以及內(nèi)容這些也是直接影響版面作用和信息的傳遞。

一款優(yōu)質(zhì)詳情頁是圖，文，色有機(jī)擺放的產(chǎn)品 要怎樣去理解有機(jī)擺放呢？

其實(shí)這個(gè)便是敘述產(chǎn)品故事的邏輯次序，淺顯的來說，每個(gè)詳情頁都在講一個(gè)關(guān)于產(chǎn)品的故事，可是要怎樣將這個(gè)故事說得很詳細(xì)，生動(dòng)，感人，就要看產(chǎn)品和規(guī)劃人員的化腐朽為神奇的才能了。

詳細(xì)到邏輯次序的制定或是約束著，天貓，淘寶等渠道方，對(duì)產(chǎn)品的展現(xiàn)邏輯有必定的模塊規(guī)范。

不過在指定規(guī)范的一起，也是可以給美工人員許多發(fā)揮的空間—規(guī)劃人員經(jīng)過砌磚搬瓦，來有邏輯的敘述產(chǎn)品的故事。

不能小看這個(gè)工作哦，這也是一門精雕細(xì)琢的手工活來著。

天貓服裝的詳情頁結(jié)構(gòu) 天貓服裝大類下有女裝，男裝，童裝，內(nèi)衣家居服，而天貓對(duì)每個(gè)類目模塊都有詳細(xì)的要求，要結(jié)合天貓渠道的規(guī)矩，為客戶規(guī)劃合理的詳情頁結(jié)構(gòu)，輸出不只視覺作用的漂亮，邏輯通順，并且技術(shù)層面更專業(yè)的詳情頁頁面。

就以天貓女裝展現(xiàn)模塊為例，以下是詳情頁中心區(qū)域的規(guī)劃： 我們就以這個(gè)來解構(gòu)服裝展現(xiàn)詳情頁的中心區(qū)域。

一.海報(bào)展現(xiàn)區(qū)，捉住眼球 一張優(yōu)質(zhì)的海報(bào)能馬上的捉住眼球，招引消費(fèi)者。

在海報(bào)的挑選上需求具有視覺沖擊力，一般選用模特正面或許稍旁邊面照為佳，在模特?cái)[姿上也選最具有招引力。

可以完整出現(xiàn)服裝作用與亮點(diǎn)，一起在海報(bào)的規(guī)劃上調(diào)配文字等設(shè)局素材來增加用戶對(duì)品牌的認(rèn)知度，以此來烘托氣氛，表現(xiàn)調(diào)性。

海報(bào)圖：顯示品牌的調(diào)性，烘托氣氛 二.賣點(diǎn)優(yōu)化區(qū)，提煉亮點(diǎn) 賣點(diǎn)優(yōu)化區(qū)是有圖片和案牘組成的，依據(jù)產(chǎn)品的特向從不同的視點(diǎn)提煉亮點(diǎn)，比如規(guī)劃師說、潮流趨勢(shì)、亮點(diǎn)解說、版型特點(diǎn)、工藝解讀、細(xì)節(jié)賣點(diǎn)以及面料的解析。

賣點(diǎn)的提煉除了從產(chǎn)品的本身特點(diǎn)動(dòng)身，更是要站在消費(fèi)者的視點(diǎn)，去了解消費(fèi)需求與重視點(diǎn)。

好的案牘可以用簡短的幾個(gè)字就直接直擊用戶的購買欲，簡潔明了。

不過實(shí)踐工作中，考慮到時(shí)刻以及人力的投入，不是每款產(chǎn)品都可以做到賣點(diǎn)優(yōu)化，所以商家在實(shí)踐操作中會(huì)針對(duì)要點(diǎn)產(chǎn)品或許是爆款做案牘細(xì)究，主張用美工機(jī)器人的商家在模板規(guī)劃規(guī)劃時(shí)，使用通用案牘放置賣點(diǎn)區(qū)域，再經(jīng)過后期有針對(duì)性的修正要點(diǎn)產(chǎn)品，做到內(nèi)容與視覺作用并重。

賣點(diǎn)優(yōu)化區(qū)：案牘解讀精練明了，直擊用戶購買欲。

三.產(chǎn)品信息區(qū)，精確實(shí)在 上面區(qū)域都是招引了用戶的購買欲，那產(chǎn)品信息區(qū)域便是直接的決議了用戶要不要購買的要害了。

精確，實(shí)在，有用且漂亮的展現(xiàn)產(chǎn)品的面料，指數(shù)，尺碼等信息可以直接促進(jìn)客戶購買的行為。

那這個(gè)區(qū)域制造也是很檢測(cè)美工人員對(duì)細(xì)節(jié)的認(rèn)真程度了。

傳統(tǒng)美工在套版的時(shí)分，經(jīng)過PSD文件中既定的表格款式，對(duì)每款產(chǎn)品信息進(jìn)行填寫或修正，不只消耗大量時(shí)刻，并且也簡單出差—擺放上行首不對(duì)齊，多空格，這些看似細(xì)小的錯(cuò)誤，也是十分影響詳情頁的全體漂亮，因而美工機(jī)器人經(jīng)過設(shè)定客戶方的需求款式，將產(chǎn)品信息區(qū)域HTML化，實(shí)現(xiàn)內(nèi)容在線實(shí)時(shí)編輯修正，進(jìn)步制造該區(qū)域的功率與輸出的作用。

產(chǎn)品信息：款式統(tǒng)一，信息精確，注重細(xì)節(jié)。

四.調(diào)配引薦區(qū)，場(chǎng)景生成 依據(jù)市面上不同的調(diào)配方法，將調(diào)配引薦分為三大類，場(chǎng)景化調(diào)配、關(guān)聯(lián)調(diào)配、同類引薦。

其間場(chǎng)景化調(diào)配是最能表現(xiàn)產(chǎn)品的特性，進(jìn)步用戶購買代入感的調(diào)配方法。

場(chǎng)景化搭銷是基于著裝調(diào)配邏輯，在產(chǎn)品拍照階段，可以讓模特穿上調(diào)配好的多款同期在售產(chǎn)品進(jìn)行拍照，并在詳情頁中合理的嵌入對(duì)應(yīng)調(diào)配產(chǎn)品圖片以及鏈接，將用戶帶入著裝調(diào)配場(chǎng)景中，然后實(shí)現(xiàn)用戶聯(lián)單購買。

然而，現(xiàn)在除了規(guī)模較大，人力充足的服裝商家，大都商家并未制造場(chǎng)景化搭銷。

主要是難度有：需求從攝影策劃端開端規(guī)劃調(diào)配。

調(diào)配圖片以及鏈接的制造，還有后期維護(hù)需求花費(fèi)比較多的時(shí)刻，并且還觸及了必定難度的代碼編寫。

為下降此類調(diào)配區(qū)域的制造門檻與時(shí)刻成本，可以利用其AI技術(shù)，對(duì)素材圖進(jìn)行智能分析，主動(dòng)生成調(diào)配區(qū)域，主動(dòng)的增加對(duì)應(yīng)產(chǎn)品的鏈接，為商家?guī)砭薮蟮谋憬荨?/p>

場(chǎng)景搭銷：款式代碼化，圖片切割精確，鏈接實(shí)時(shí)維護(hù)。

五.模特展現(xiàn)區(qū)，全方位的出現(xiàn) 模特展現(xiàn)區(qū)是服裝產(chǎn)品上身作用展現(xiàn)的要點(diǎn)，能讓購買者經(jīng)過模特圖作用以及擺放邏輯次序全面的了解產(chǎn)品，可以理解為上身作用的重現(xiàn)，一般在模特拍照階段，會(huì)從模特的正，側(cè)，反面來采集圖片，并且在詳情頁當(dāng)中全方位展現(xiàn)。

并且對(duì)于一款多色的產(chǎn)品，不同顏色模特圖的擺放邏輯就顯得至關(guān)重要。

便是主張商家可以按主、副色順次展現(xiàn)，先展現(xiàn)4-5張主推顏色產(chǎn)品圖片，然后再展現(xiàn)3-4張輔推顏色的產(chǎn)品圖片 這兒要著重的一點(diǎn)是，許多的商家都會(huì)誤認(rèn)為模特圖展現(xiàn)數(shù)量越多越好，其實(shí)這是不對(duì)的，就比如講故事相同，越長越簡單讓讀者找不到要點(diǎn)。

并且圖片太多會(huì)形成詳情頁冗長，加載慢，導(dǎo)致用戶跳失。

所以，在模特展現(xiàn)的部分，主張商家做到全方位且要點(diǎn)突出的展現(xiàn)照片。

模特展現(xiàn)：多視點(diǎn)，顏色擺放主次分明（此展現(xiàn)款為單色）。

六.平鋪細(xì)節(jié)區(qū)，多視點(diǎn)展現(xiàn) 平鋪圖、細(xì)節(jié)圖、買家必重視的質(zhì)量和原料的圖片。

由于渠道化的購物無法讓買家直接多視點(diǎn)全面感觸實(shí)物的觸感和質(zhì)量，因而平鋪細(xì)節(jié)圖是僅有可以補(bǔ)償用戶感觸的出現(xiàn)方法。

一般要求平鋪圖可以規(guī)整的展現(xiàn)產(chǎn)品的正反面作用，而細(xì)節(jié)圖的展現(xiàn)需求多視點(diǎn)，并且每張圖應(yīng)有明晰的要害點(diǎn)，表現(xiàn)面料作用。

常常對(duì)于品牌附加值較小的商家，經(jīng)過精修細(xì)節(jié)圖，對(duì)應(yīng)匹配案牘來華龍點(diǎn)睛，更有助于刺激用戶下單。

平鋪細(xì)節(jié)：多視點(diǎn)，修片精密，案牘精練。

前面說的明晰并且契合用戶購物體驗(yàn)的邏輯結(jié)構(gòu)有利于打造具有層次感的詳情頁，傳遞產(chǎn)品有用的信息，是各巨細(xì)賣家不可忽視的排版規(guī)劃要點(diǎn)，而文字的字體，巨細(xì)，整個(gè)頁面的顏色調(diào)配，以及各區(qū)塊間的節(jié)奏把控也直接影響頁面瀏覽視覺體驗(yàn)。

詳情頁的三大特點(diǎn)，經(jīng)過合理把控詳情頁在視覺，銷售，技術(shù)上的特點(diǎn)，結(jié)合美工機(jī)器人快速排版規(guī)劃上新才能，優(yōu)質(zhì)且高效的完成產(chǎn)品詳情頁規(guī)劃與上新工作，搭檔從頁面規(guī)劃視點(diǎn)協(xié)助商家提轉(zhuǎn)化率目標(biāo)，實(shí)現(xiàn)精密化運(yùn)營。

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

難題沒解決？加我微信給你講！【僅限淘寶賣家交流運(yùn)營知識(shí)，非賣家不要加我哈】

>

推薦閱讀：

淘寶主圖牛皮癬的雙重標(biāo)準(zhǔn)該怎么理解？

淘寶店鋪?zhàn)龃N的產(chǎn)品，為什么會(huì)被投訴呢？

開淘寶店鋪的使用哪些技巧可以快速提高店鋪流量呢？

更多資訊請(qǐng)關(guān)注幕 思 城。