淘寶美工寶貝詳情頁設計流程

淘寶寶貝的詳情頁設計，要依據淘寶用戶購物的特點,瞭解淘寶詳情頁設計的作用;確定淘寶詳情頁的內容及分類;最後定下淘寶詳情頁的排版。下面爲大家分享淘寶寶貝的詳情頁設計流程，僅供參考!

　　一、目的：通過合理體現產品的功能、優點，迎合消費者心理，促進產品銷售。

　　二、需要參與溝通的部門：產品部，運營部，設計部，客服部，倉儲部等。

　　三、工作流程：

　　STEP1 產品確定：

　　STEP2 市場調查

通過查看同類同檔次且銷量在前5的`寶貝詳情頁，收集以下信息：

　　STEP3 賣點挖掘

1、根據產品自身的特點，以及用戶的需要，來挖掘賣點;

2、與同類產品相比較，更人性化的設計要體現出來;

3、文字表達在此記錄，爲後期的文案作準備。

　　STEP4 素材收集

1、產品拍照：白底圖，場景圖，模特圖，細節圖等

2、網上搜集相關素材

3、工廠拍照

4、個別產品的安裝需要準備手繪圖或線描圖

　　STEP5 頁面設計

1、頁面風格定位

2、顏色與字體確定

標題，背景色儘量以品牌的VI色爲主，用輔色來加以變化

字體用微軟雅黑，字號在18~30號

3、內容框架制定

1)頭圖(一張圖說明本產品帶給用戶的感受，用文案，圖片素材及畫面意境的配合下打動買家的心)　　2)商品參數(方便買家對產品物理屬性的瞭解，也方便客服向買家介紹產品)

3)實拍圖(場景圖，模特圖等有帶入感的圖片)

4)細節圖(真實，精緻，高質的細節圖，能增加買家對產品的好感)

5)包裝圖(雖然只是紙箱或木箱的展示，但是能讓買家感性地瞭解到自己收貨時物品的大小)

6)售後介紹(通過質保，年保，安裝輔導等方面的介紹打消買家的購買疑慮)

7)品牌介紹(通過實體店面，所獲榮譽，產品評分，公司簡介等讓品牌更有生命力)

4、主圖製作

1)Logo(位置，大小，顏色)

2)白底圖×1，

3)場景圖(模特圖)×1，

4)細節圖×2

5)包裝圖×1

6)各不同顏色的產品圖×1

7)有些產品的圖不全，根據實際情況製作主圖

5、頁面上線

1)校稿

錯字，漏字，違禁字

2)切圖

根據平臺要求併兼顧無線端頁面，每張圖片不超過200K(K數越小越便於快速呈現)，圖片總數不超過20張。

3)PC端呈現時，把圖片置於表格中，符合html編碼;有鏈接的圖片，需要加上alt,title這兩個屬性，便於SEO搜索以及圖片不能打開時，也能讓觀看者通過文字知道圖片的內容。

4)推廣透出

6、修改

1)根據客服，售後同事的反饋做相應的變更

2)根據市場的變化做相應的變更