如何設計一張高轉化的詳情頁？看完這篇你就明白了

詳情頁是什么？

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

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

圖片文字與色是排版視覺導向的單位。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

海報圖：顯示品牌的調性，烘托氣氛 二.賣點優(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)品，做到內容與視覺作用并重。

賣點優(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)過設定客戶方的需求款式，將產(chǎn)品信息區(qū)域HTML化，實現(xiàn)內容在線實時編輯修正，進步制造該區(qū)域的功率與輸出的作用。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

>

推薦閱讀：

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

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

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

更多資訊請關注幕 思 城。