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

詳情頁是什么？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在海報的挑選上需求具有視覺沖擊力，一般選用模特正面或許稍旁邊面照為佳，在模特擺姿上也選最具有招引力。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

場景搭銷：款式代碼化，圖片切割精確，鏈接實時維護。

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

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

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

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

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

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

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

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

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

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

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

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

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

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

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

>

推薦閱讀：

淘寶主圖牛皮癬的雙重標準該怎么理解？

淘寶店鋪做代銷的產(chǎn)品，為什么會被投訴呢？

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

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