項目8-3-繪制商品詳情頁面

任務三繪制商品詳情頁面授課教師：王萍項目八網(wǎng)店設計與裝修一、商品詳情頁的風格定位與店鋪內(nèi)其他頁面、其他圖片的視覺設計一樣，商品詳情頁的視覺設計風格定位依然是基于品牌、基于整個店鋪的設計風格、基于目標消費者的喜好，再結(jié)合商品本身的風格、特點確定的。二、商品詳情頁的布局邏輯商品詳情頁的主要作用是說服消費者購買商品。而為了更有效地說服消費者，商家可以按照消費者的購物心理對商品詳情頁進行巧妙布局，依靠對消費者購物心理的揣摩來獲取消費者的信任并促使其購買商品。根據(jù)AIDMA法則，消費者在購物時的心理變化主要表現(xiàn)為：Attention（引起關(guān)注）→Interest（引發(fā)興趣）→Desire（喚起欲望）→Memory（加深記憶）→Action（決定購買）幾個主要階段。加深了解刺激購買引起關(guān)注引發(fā)興趣促使分享而從運營者的角度來分析，為了迎合消費者這種購物心理，商品詳情頁的布局邏輯就應該具備以下幾個方面的內(nèi)容。三、商品詳情頁的溝通框架模特圖或?qū)嶋H使用圖商品評價真人試穿或試用效果商品展示圖商品細節(jié)圖尺碼或參數(shù)圖基本信息消費者需求的基本信息1.商品詳情頁是消費者了解商品、獲取商品信息最主要的途徑。因此不管如何設計商品詳情頁，都必須包含消費者想要了解的基本內(nèi)容。一般來說，消費者希望在商品詳情頁中了解的信息主要包括以下內(nèi)容。營銷品牌商品6商品詳情頁的基本要素2.從運營的角度看，商品詳情頁的主要作用是促使消費者購買，因此除了要展示消費者需求的基本信息，還要展示更豐富的、有助于進一步打動消費者的信息，實現(xiàn)成交的目的。商品詳情頁信息展示的基本要素主要包括以下五部分。服務互動Title標題Description商品描述Price商品價格Details商品細節(jié)BulletPoint商品要點Reviews商品評價ProductImage圖片EBC/A+頁面Attribute商品屬性SearchTerm搜索關(guān)鍵詞買家可見元素買家不可見元素標題Title01.商品標題作用還有助于打造品牌。包含商品的品牌等詞語。名稱重要參數(shù)主要賣點使用場景商品標題會影響該商品能否顯示在搜索結(jié)果中；傳遞信息準確的商品標題不但有助于提升商品的曝光率和點擊率；主圖（MainImage）作用還會影響產(chǎn)品的搜索排名。主圖特點商品主圖是顯示在搜索結(jié)果中的圖片，也是商品詳情頁中，商品標題旁邊默認顯示的第一張圖片。02.商品圖片及視頻買家對于商品最直觀的印象來自于主圖；高質(zhì)量的主圖不僅會影響產(chǎn)品的點擊率和轉(zhuǎn)化率；主圖需要突出展現(xiàn)商品主要賣點、魅力，以及與其他同類商品的差異點等，以提升主圖的吸引力。不同的電商平臺，每個商品還可以再配5-7張輔圖，用于展示商品的實際使用場景，營造產(chǎn)品使用氛圍，并從不同的角度來展示商品，或展示在“主圖”中沒有顯示的細節(jié)。輔圖（OtherImage/SubImage）產(chǎn)品視頻（Productvideo）建議用表格或配圖描述。03.規(guī)格參數(shù)商品屬性（ProductAttributes）包含商品的尺寸等屬性或技術(shù)參數(shù)信息。型號規(guī)格顏色材質(zhì)重量功耗形式對于商品的尺寸的說明，可以采用與常見標準規(guī)格的實物進行對比，如人民幣的1元硬幣，A4打印紙等。機械設備等工業(yè)級商品，建議最好采用表格方式顯示規(guī)格參數(shù)。精心編寫的商品描述有助于顧客更進一步了解商品；04.商品描述作用一般會運用

FAB法則

或

IIC法則

，以圖文并茂的方式，介紹商品的主要功能、特點、賣點、內(nèi)外包裝、對用戶痛點的解決方式，用來和其他同類產(chǎn)品形成差異化。幫助消費者想象擁有或使用商品所帶來的體驗；增加客戶對產(chǎn)品的信任，從而促進轉(zhuǎn)化。方式FAB法則IIC法則Ffeatures屬性advantages（轉(zhuǎn)化）作用benefits利益AB喚起顧客的欲望，讓他們想把產(chǎn)品買回家；Inspire（喚起）對客戶進行產(chǎn)品功能和好處方面的教育；Inform（教育）將訪客轉(zhuǎn)化為買家。Convert（轉(zhuǎn)化）圖片則對商品賣點進行直觀展示。利用圖文結(jié)合從視覺上影響消費者，加深消費者對商品賣點的認識和理解。文案簡明、扼要地說明商品賣點；是指商品的材質(zhì)、款式、功能、外觀等能夠提高消費者對商品好感度的特點。商品賣點四、賣點圖視覺優(yōu)化在視覺設計中，商品賣點主要通過文案和圖片進行搭配展現(xiàn)。商品細節(jié)圖是商家展示商品品質(zhì)、贏得消費者好感的重要手段，也是商品詳情頁視覺設計中的重要組成部分。商品細節(jié)圖的視覺設計重點是傳達消費者感興趣的商品細節(jié)信息，一般要根據(jù)商品性質(zhì)選擇不同的展示方向，如通過功能說明、工藝細節(jié)、服務說明等對細節(jié)進行展示。五、細節(jié)圖視覺優(yōu)化使用簡單示意圖、形狀或線條來展示商品參數(shù)，或者使用表格直接展示商品的特性、功能和規(guī)格等，下圖所示為使用簡單示意圖和簡單表格來直接展示商品參數(shù)。（1）商品參數(shù)六、參數(shù)圖視覺優(yōu)化可以直接將商品參數(shù)展示在一張或多張商品圖片中，如左圖。如果商品參數(shù)較多，也可通過左表右圖或左圖右表的方式排列商品參數(shù)模塊，如右圖。對于有尺寸規(guī)格的商品，商家還可在商品圖上添加尺寸標注。（2）商品參數(shù)與商品圖片組合展示常用方式：左圖右參數(shù)。01除常用參數(shù)外，還可以輔以產(chǎn)品特點及多個型號的參數(shù)，一并說明。02同一個商品有不同的尺寸或規(guī)格。032列構(gòu)圖，一側(cè)圖大，一側(cè)圖小。04三列構(gòu)圖，并排突出中央或錯落擺放05四列構(gòu)圖，平分秋色06文字與圖片，S型排列07上圖下字排列08

一側(cè)2圖，一側(cè)1圖，不對稱構(gòu)圖09兩行或三行均勻構(gòu)圖10環(huán)繞或半環(huán)繞構(gòu)圖11七、資質(zhì)證明及售后服務保障包括店鋪和商品所獲得的各種認證、獎勵；資質(zhì)證明一般包括店鋪選用的物流公司、商品售后服務流程及退換貨規(guī)定等。售后服務八、關(guān)聯(lián)營銷關(guān)聯(lián)營銷也稱交叉營銷，即一款產(chǎn)品銷售頁面上除了本身產(chǎn)品的一些信息之外，將同類型或者有關(guān)聯(lián)的產(chǎn)品信息放在上面，實現(xiàn)多款對比。在商品詳情頁中合理的嵌入相關(guān)商品可以起到事半功倍的營銷效果。例如：在寶貝描述完以后插入相關(guān)產(chǎn)品、熱賣產(chǎn)品或者配套產(chǎn)品的時候，可以有效提高點擊率和轉(zhuǎn)化率。概念同類關(guān)聯(lián)跨類關(guān)聯(lián)30品類關(guān)聯(lián)活動關(guān)聯(lián)4種形式1.商品關(guān)聯(lián)的形式商品詳情頁的商品關(guān)聯(lián)模塊可以對頁面流量進行有效導流。2.商品關(guān)聯(lián)模塊的設計樣式根據(jù)當前商品的實際關(guān)聯(lián)需求，商家可以使用不同樣式的關(guān)聯(lián)模塊。31通欄海報型主次型常規(guī)型1.引起關(guān)注的文案引起關(guān)注的文案主要在店鋪的活動頁面、商品首焦圖等區(qū)域呈現(xiàn)，包括商品核心賣點、商品促銷信息、商品廣告語等。突出消費者關(guān)注的核心內(nèi)容，提高消費者瀏覽商品核心信息的效率。作用32九、商品詳情頁的文案應用2.引發(fā)興趣的文案引發(fā)興趣的文案可以有效找到并激發(fā)消費者對商品的潛在需求，如說明商品的核心賣點、描述商品外觀、描述商品的使用場景等都可以有效引發(fā)消費者的興趣，引起消費者的購買欲望。33343.加深了解的文案加深了解的文案主要用于加深消費者對商品的了解，打消消費者對商品的顧慮，主要運用在細節(jié)圖、包裝圖、參數(shù)圖等位置，進一步提高消費者對商品的信任