電商視覺營銷（全彩微課版）-課件 第5章（30） 商品詳情頁視覺營銷

第5章

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