- 相關(guān)推薦
「淘寶美工教程」寶貝詳情頁
淘寶美工關(guān)于寶貝詳情頁怎么設(shè)計(jì)，設(shè)計(jì)流程是什么?下面跟yjbys小編一起來看看吧!
一、目的：通過合理體現(xiàn)產(chǎn)品的功能、優(yōu)點(diǎn)，迎合消費(fèi)者心理，促進(jìn)產(chǎn)品銷售。
二、需要參與溝通的部門：產(chǎn)品部，運(yùn)營部，設(shè)計(jì)部，客服部，倉儲部等。
三、工作流程：
STEP1 產(chǎn)品確定：
|
1 |
名稱 |
|
2 |
材質(zhì) |
|
3 |
顏色 |
|
4 |
用途 |
|
5 |
重量 |
|
6 |
通過的安標(biāo) |
|
7 |
適用范圍 |
|
8 |
功能 |
|
9 |
優(yōu)點(diǎn) |
|
10 |
產(chǎn)品編碼 |
|
11 |
價(jià)格 |
STEP2 市場調(diào)查
通過查看同類同檔次且銷量在前5的寶貝詳情頁，收集以下信息：
|
表達(dá)方式： |
賣點(diǎn)表達(dá) |
| 細(xì)節(jié)特寫 | |
| 運(yùn)輸、包裝、售后等信息的傳達(dá) | |
| 頁面風(fēng)格 | |
|
買家評價(jià)： |
贊揚(yáng)的 |
| 批評的 |
STEP3 賣點(diǎn)挖掘
1、根據(jù)產(chǎn)品自身的特點(diǎn)，以及用戶的需要，來挖掘賣點(diǎn);
2、與同類產(chǎn)品相比較，更人性化的設(shè)計(jì)要體現(xiàn)出來;
3、文字表達(dá)在此記錄，為后期的文案作準(zhǔn)備。
STEP4 素材收集
1、產(chǎn)品拍照：白底圖，場景圖，模特圖，細(xì)節(jié)圖等
2、網(wǎng)上搜集相關(guān)素材
3、工廠拍照
4、個別產(chǎn)品的安裝需要準(zhǔn)備手繪圖或線描圖
STEP5 頁面設(shè)計(jì)
1、頁面風(fēng)格定位
2、顏色與字體確定
標(biāo)題，背景色盡量以品牌的VI色為主，用輔色來加以變化
字體用微軟雅黑，字號在18~30號
3、內(nèi)容框架制定
1)頭圖(一張圖說明本產(chǎn)品帶給用戶的感受，用文案，圖片素材及畫面意境的配合下打動買家的心)
2)商品參數(shù)(方便買家對產(chǎn)品物理屬性的了解，也方便客服向買家介紹產(chǎn)品)
3)實(shí)拍圖(場景圖，模特圖等有帶入感的圖片)
4)細(xì)節(jié)圖(真實(shí)，精致，高質(zhì)的細(xì)節(jié)圖，能增加買家對產(chǎn)品的好感)
5)包裝圖(雖然只是紙箱或木箱的展示，但是能讓買家感性地了解到自己收貨時(shí)物品的大小)
6)售后介紹(通過質(zhì)保，年保，安裝輔導(dǎo)等方面的介紹打消買家的購買疑慮)
7)品牌介紹(通過實(shí)體店面，所獲榮譽(yù)，產(chǎn)品評分，公司簡介等讓品牌更有生命力)
4、主圖制作
1)Logo(位置，大小，顏色)
2)白底圖×1，
3)場景圖(模特圖)×1，
4)細(xì)節(jié)圖×2
5)包裝圖×1
6)各不同顏色的產(chǎn)品圖×1
7)有些產(chǎn)品的圖不全，根據(jù)實(shí)際情況制作主圖
5、頁面上線
1)校稿
錯字，漏字，違禁字
2)切圖
根據(jù)平臺要求并兼顧無線端頁面，每張圖片不超過200K(K數(shù)越小越便于快速呈現(xiàn))，圖片總數(shù)不超過20張。
3)PC端呈現(xiàn)時(shí)，把圖片置于表格中，符合html編碼;有鏈接的圖片，需要加上alt,title這兩個屬性，便于SEO搜索以及圖片不能打開時(shí)，也能讓觀看者通過文字知道圖片的內(nèi)容。
4)推廣透出
PC端：
首頁輪播
內(nèi)頁輪播
店招透出
無線端：
首頁
微淘
6、修改
1)根據(jù)客服，售后同事的反饋?zhàn)鱿鄳?yīng)的變更
2)根據(jù)市場的變化做相應(yīng)的變更
【「淘寶美工教程」寶貝詳情頁】相關(guān)文章：
淘寶美工寶貝詳情頁設(shè)計(jì)思路與框架08-01
淘寶美工構(gòu)圖教程08-10
淘寶美工專用調(diào)色教程08-01
2017最新淘寶寶貝詳情頁模板05-22
20種淘寶美工小技巧教程09-25
淘寶寶貝詳情頁設(shè)計(jì)思路2017最新09-09
淘寶美工寶貝拍攝的布光技巧11-02
寶貝詳情頁是怎么布局的?09-05