電商視覺(jué)營(yíng)銷(xiāo)（全彩微課版）-課件 第5章（30） 商品詳情頁(yè)視覺(jué)營(yíng)銷(xiāo)

第5章

商品詳情頁(yè)視覺(jué)營(yíng)銷(xiāo)電商視覺(jué)營(yíng)銷(xiāo)（全彩微課版）目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.1.1?商品詳情頁(yè)的主要結(jié)構(gòu)3清晰的商品詳情頁(yè)結(jié)構(gòu)有利于提高消費(fèi)者的體驗(yàn)，降低商品詳情頁(yè)的跳出率，增加消費(fèi)者在商品詳情頁(yè)的停留時(shí)間，從而促進(jìn)商品銷(xiāo)售。商品詳情頁(yè)的結(jié)構(gòu)并不是固定的，在實(shí)際制作時(shí)可根據(jù)商品的具體情況、商家的要求和目標(biāo)消費(fèi)者的需求進(jìn)行商品詳情頁(yè)內(nèi)容的增減。包裝展示圖促銷(xiāo)活動(dòng)圖質(zhì)量保證圖08焦點(diǎn)圖商品賣(mài)點(diǎn)圖商品參數(shù)圖商品細(xì)節(jié)圖。04010203功能展示圖050607品牌推廣圖商品快遞與售后圖1009關(guān)聯(lián)營(yíng)銷(xiāo)圖115.1.2?商品詳情頁(yè)的溝通框架4在搭建商品詳情頁(yè)的溝通框架之前，先要了解消費(fèi)者希望在商品詳情頁(yè)中看到的信息，并整理出基于商家需求的營(yíng)銷(xiāo)要素。一般來(lái)說(shuō)，消費(fèi)者希望在商品詳情頁(yè)中了解的信息主要包括以下內(nèi)容。1．消費(fèi)者需求的基本信息商品展示圖商品細(xì)節(jié)圖商品評(píng)價(jià)模特圖或?qū)嶋H使用圖商品參數(shù)圖基本信息真人試穿或試用效果5.1.2?商品詳情頁(yè)的溝通框架5商品詳情頁(yè)的主要作用是促使消費(fèi)者購(gòu)買(mǎi)商品，因此除了要展示消費(fèi)者需要的基本信息，還要展示更豐富的、有助于進(jìn)一步打動(dòng)消費(fèi)者的信息，實(shí)現(xiàn)成交的目的。商品詳情頁(yè)信息展示的基本要素主要包括以下部分。2．商品詳情頁(yè)的基本要素商品服務(wù)營(yíng)銷(xiāo)互動(dòng)品牌5.1.2?商品詳情頁(yè)的溝通框架6基于消費(fèi)者和商家兩方的需求，再結(jié)合商品詳情頁(yè)的布局邏輯，來(lái)搭建溝通框架。如表所示即為空調(diào)商品詳情頁(yè)溝通框架。3．搭建商品詳情頁(yè)溝通框架5.1.3?商品詳情頁(yè)的文案應(yīng)用7引起關(guān)注的文案主要在商品詳情頁(yè)頂部、商品焦點(diǎn)圖等區(qū)域呈現(xiàn)，包括商品核心賣(mài)點(diǎn)、商品促銷(xiāo)信息、商品廣告語(yǔ)等內(nèi)容，其作用是突出消費(fèi)者關(guān)注的核心內(nèi)容，提高消費(fèi)者瀏覽商品核心信息的效率。1．引起關(guān)注的文案5.1.3?商品詳情頁(yè)的文案應(yīng)用8引發(fā)興趣的文案可以有效找到并激發(fā)消費(fèi)者對(duì)商品的潛在需求，如說(shuō)明商品的核心賣(mài)點(diǎn)、描述商品外觀、描述商品的使用場(chǎng)景等都可以有效引發(fā)消費(fèi)者的興趣，引起消費(fèi)者的購(gòu)買(mǎi)欲望。2．引發(fā)興趣的文案5.1.3?商品詳情頁(yè)的文案應(yīng)用9加深了解的文案主要用于幫助消費(fèi)者更全面地了解商品，打消消費(fèi)者對(duì)商品的顧慮，常運(yùn)用在細(xì)節(jié)圖、包裝圖、參數(shù)圖等位置，以進(jìn)一步提高消費(fèi)者對(duì)商品的信任。3．加深了解的文案5.1.3?商品詳情頁(yè)的文案應(yīng)用10刺激購(gòu)買(mǎi)的文案可以運(yùn)用在商品的促銷(xiāo)活動(dòng)及套餐搭配等區(qū)域，讓消費(fèi)者快速下單購(gòu)買(mǎi)；也可以用于商品詳情頁(yè)最后的品牌展示、服務(wù)質(zhì)量展示、資質(zhì)實(shí)力展示、物流信息展示等模塊，突出品牌質(zhì)量、商家承諾、快遞物流、售后服務(wù)等信息，打消消費(fèi)者的購(gòu)物顧慮。4．刺激購(gòu)買(mǎi)的文案目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.2.1?商品焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)12商品焦點(diǎn)圖的視覺(jué)設(shè)計(jì)與商品海報(bào)十分類(lèi)似，通常使用精美的圖片，搭配簡(jiǎn)單的核心文案，對(duì)商品進(jìn)行深刻的展示。商品焦點(diǎn)圖在設(shè)計(jì)上可以靈活運(yùn)用各種設(shè)計(jì)元素，使用略微夸張的表現(xiàn)方式，以突出商品的整體形象、主要賣(mài)點(diǎn)或商品理念等，以極具視覺(jué)沖擊力的畫(huà)面吸引消費(fèi)者的注意力，給消費(fèi)者帶來(lái)愉悅的視覺(jué)體驗(yàn)。5.2.2?制作商品焦點(diǎn)圖13本節(jié)以烤箱為例，介紹如何制作該商品詳情頁(yè)中的焦點(diǎn)圖。由于該烤箱在外觀和功能方面都有所創(chuàng)新，因此在設(shè)計(jì)焦點(diǎn)圖時(shí)需要體現(xiàn)烤箱的外觀和功能優(yōu)勢(shì)，使用烤箱的廚房場(chǎng)景圖為背景，搭配“多功能烤箱有顏值的實(shí)力派”標(biāo)題，體現(xiàn)烤箱的精美外觀和實(shí)用性，副標(biāo)題可展現(xiàn)烤箱的型號(hào)和關(guān)鍵功能，充分展示烤箱賣(mài)點(diǎn)，并為消費(fèi)者帶來(lái)美好的視覺(jué)體驗(yàn)，具體操作如下。添加烤箱素材添加裝飾素材最終效果目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.3.1?商品賣(mài)點(diǎn)圖的設(shè)計(jì)要點(diǎn)15為了提高商品賣(mài)點(diǎn)的視覺(jué)表現(xiàn)力，在展示商品賣(mài)點(diǎn)時(shí)，可以為賣(mài)點(diǎn)策劃一個(gè)新穎、有趣的視覺(jué)方案，通過(guò)將賣(mài)點(diǎn)“視覺(jué)化”來(lái)吸引消費(fèi)者的注意力，同時(shí)幫助消費(fèi)者理解商品。商品賣(mài)點(diǎn)的“視覺(jué)化”可以采用恰當(dāng)?shù)拿阑涂鋸埵址ǎ瑏?lái)營(yíng)造與商品特質(zhì)、功能、賣(mài)點(diǎn)相匹配的氛圍，再通過(guò)對(duì)色彩、文字、版式等元素的合理運(yùn)用，有效提高商品圖片的視覺(jué)效果，與其他競(jìng)品形成差異和區(qū)別，進(jìn)一步突出商品和品牌的視覺(jué)優(yōu)勢(shì)。5.3.2?制作商品賣(mài)點(diǎn)圖16本節(jié)繼續(xù)以烤箱為例，介紹如何制作該商品詳情頁(yè)中的賣(mài)點(diǎn)圖。首先，以圖標(biāo)的形式精練地概括烤箱的賣(mài)點(diǎn)，再以一屏一圖的方式，分別展示烤箱的多種美食模式、內(nèi)部烹飪狀態(tài)、控溫技術(shù)、手機(jī)智能控制等賣(mài)點(diǎn)，具體操作如下。賣(mài)點(diǎn)圖標(biāo)圖美食模式圖烤箱內(nèi)部圖控溫技術(shù)圖設(shè)置投影手機(jī)遙控圖目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.4.1?商品細(xì)節(jié)圖的設(shè)計(jì)要點(diǎn)18商品細(xì)節(jié)圖的視覺(jué)設(shè)計(jì)重點(diǎn)是傳達(dá)消費(fèi)者感興趣的商品細(xì)節(jié)信息，一般需要根據(jù)商品性質(zhì)選擇不同的展示方式。工藝細(xì)節(jié)圖功能細(xì)節(jié)圖服務(wù)細(xì)節(jié)圖5.4.2?制作商品細(xì)節(jié)圖19本節(jié)繼續(xù)以烤箱為例，介紹如何制作其商品詳情頁(yè)中的細(xì)節(jié)圖?？紤]到增加烤箱銷(xiāo)售量的目標(biāo)，商品詳情頁(yè)中可展示烤箱的各處細(xì)節(jié)，如防滑底座、旋轉(zhuǎn)式按鈕、抽屜式烤盤(pán)、鋼化玻璃門(mén)等，讓消費(fèi)者對(duì)烤箱有更詳細(xì)的了解，具體操作如右。分割版面制作第一個(gè)細(xì)節(jié)模塊最終效果目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.5.1?商品參數(shù)圖的設(shè)計(jì)要點(diǎn)21商品參數(shù)是消費(fèi)者非常關(guān)注的商品信息之一。清晰、準(zhǔn)確、易理解的參數(shù)可以為消費(fèi)者挑選商品提供很大的便利；反之，則不利于消費(fèi)者對(duì)商品進(jìn)行判斷，從而使消費(fèi)者難以做出購(gòu)買(mǎi)決策。商品參數(shù)的表達(dá)方式多種多樣，商家可以根據(jù)商品參數(shù)的具體情況、商品特征選用以下方式來(lái)設(shè)計(jì)。直接展示參數(shù)商品參數(shù)與商品圖片組合展示5.5.2?制作商品參數(shù)圖22本節(jié)繼續(xù)以烤箱為例，介紹如何制作該商品詳情頁(yè)中的參數(shù)圖。由于烤箱參數(shù)較多，確定每組參數(shù)的相對(duì)位置非常重要，因此可以先通過(guò)標(biāo)題、圖片、形狀來(lái)布局畫(huà)面，再依次完善每個(gè)部分的參數(shù)詳情，具體操作如下。置入與編輯素材輸入文字最終效果目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)5.6.1?商品關(guān)聯(lián)營(yíng)銷(xiāo)圖的設(shè)計(jì)要點(diǎn)24商品詳情頁(yè)的商品關(guān)聯(lián)模塊可以對(duì)頁(yè)面流量進(jìn)行有效導(dǎo)流，其主要包括以下4種形式。1．商品關(guān)聯(lián)的形式活動(dòng)關(guān)聯(lián)品類(lèi)關(guān)聯(lián)跨類(lèi)關(guān)聯(lián)同類(lèi)關(guān)聯(lián)5.6.1?商品關(guān)聯(lián)營(yíng)銷(xiāo)圖的設(shè)計(jì)要點(diǎn)25根據(jù)當(dāng)前商品的實(shí)際關(guān)聯(lián)需求，可以為商品關(guān)聯(lián)營(yíng)銷(xiāo)圖使用不同的設(shè)計(jì)樣式。2．商品關(guān)聯(lián)模塊的設(shè)計(jì)樣式常規(guī)型主次型通欄海報(bào)型5.6.2?制作商品關(guān)聯(lián)營(yíng)銷(xiāo)圖26本節(jié)繼續(xù)以烤箱為例，介紹如何制作該商品詳情頁(yè)中的關(guān)聯(lián)營(yíng)銷(xiāo)圖，以提升銷(xiāo)售轉(zhuǎn)化率。在關(guān)聯(lián)營(yíng)銷(xiāo)圖中，既可以展示與烤箱相關(guān)的配套產(chǎn)品，也可以展示店鋪活動(dòng)，或?yàn)榈赇仧徜N(xiāo)商品、新品引流等，具體可根據(jù)店鋪當(dāng)下的需求來(lái)選擇，這里選擇其中一種內(nèi)容來(lái)設(shè)計(jì)，具體操作如下。設(shè)置內(nèi)發(fā)光創(chuàng)建剪貼蒙版最終效果目錄CONTENTS5.1?規(guī)劃商品詳情頁(yè)5.2?設(shè)計(jì)商品焦點(diǎn)圖5.3?設(shè)計(jì)商品賣(mài)點(diǎn)圖5.4?設(shè)計(jì)商品細(xì)節(jié)圖5.5?設(shè)計(jì)商品參數(shù)圖5.6?設(shè)計(jì)商品關(guān)聯(lián)營(yíng)銷(xiāo)圖5.7課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)28“WISDOM”店鋪準(zhǔn)備為一款除螨儀制作商品詳情頁(yè)，該商品主打“輕巧、深度清潔”等賣(mài)點(diǎn)，并且還具備深層穿透、每分鐘4400次拍打、物理除螨、四重過(guò)濾和清洗方便等特點(diǎn)。實(shí)訓(xùn)目標(biāo)在設(shè)計(jì)時(shí)可先通過(guò)焦點(diǎn)圖體現(xiàn)除螨儀的使用場(chǎng)景，然后依次展現(xiàn)除螨儀的賣(mài)點(diǎn)，一步步加深消費(fèi)者對(duì)商品的興趣，接著展示工藝細(xì)節(jié)和商品參數(shù)等信息。要求除螨儀商品詳情頁(yè)的效果真實(shí)，圖片質(zhì)量清晰，色調(diào)和展示方式統(tǒng)一，展示信息詳細(xì)，能使消費(fèi)者產(chǎn)生購(gòu)買(mǎi)沖動(dòng)。課堂實(shí)訓(xùn)——設(shè)計(jì)除螨儀詳情頁(yè)29根據(jù)實(shí)訓(xùn)目標(biāo)，設(shè)計(jì)除螨儀詳情頁(yè)實(shí)訓(xùn)思路新建文件，先制作焦點(diǎn)圖。制作第1張賣(mài)點(diǎn)圖。制作第2張賣(mài)點(diǎn)圖。使用與步驟03～步驟05的，制作第4張、第5張賣(mài)點(diǎn)圖。制作第6張賣(mài)點(diǎn)圖。制作第3張賣(mài)點(diǎn)圖。使用與步驟03～步驟05，制作第7張、第8張賣(mài)點(diǎn)圖。制作細(xì)節(jié)圖。依次將“細(xì)節(jié)圖”素材添加到白色矩形上。制作表格并保存。制作參數(shù)圖。感謝聆聽(tīng)！學(xué)習(xí)進(jìn)步！