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