「淘寶美工教程」寶貝詳情頁
淘寶美工關於寶貝詳情頁怎麼設計,設計流程是什麼?下面跟yjbys小編一起來看看吧!
一、目的:通過合理體現產品的功能、優點,迎合消費者心理,促進產品銷售。
二、需要參與溝通的部門:產品部,運營部,設計部,客服部,倉儲部等。
三、工作流程:
STEP1 產品確定:
1 | 名稱 |
2 | 材質 |
3 | 顏色 |
4 | 用途 |
5 | 重量 |
6 | 通過的安標 |
7 | 適用範圍 |
8 | 功能 |
9 | 優點 |
10 | 產品編碼 |
11 | 價格 |
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)推廣透出
PC端:
首頁輪播
內頁輪播
店招透出
無線端:
首頁
微淘
6、修改
1)根據客服,售後同事的反饋做相應的變更
2)根據市場的變化做相應的變更
-
網站美工需要注意web UI設計原則有哪些
之前的網站美工就是會使用PhotoShop或Firework設計頁面,然後用ImageReady或Firework切割頁面的圖片後直接生成HTML網頁,再把相應的內容填入網頁中,最後加上各種Java和表單效果完成網頁的製作。以下是關於網站美工需要注意webUI設計原則,希望大家喜歡!部分網頁設計...
-
美工設計師崗位職責
在發展不斷提速的社會中,崗位職責對人們來説越來越重要,崗位職責的明確對於企業規範用工、避免風險是非常重要的。你所接觸過的崗位職責都是什麼樣子的呢?以下是小編收集整理的美工設計師崗位職責,僅供參考,大家一起來看看吧。美工設計師崗位職責1崗位職責:1、協助...
-
網頁美工設計的注意事項有哪些
導語:下面小編給大家介紹下網頁美工設計的注意事項有哪些,希望可以幫到您哦!1、精確到1個像素如果你是一個成功的頁面設計者,你至少會在做出頁面前已經把整個頁面構思好了;如果你很寬容地對待圖片中1個像素的差別,那説明你還不是很合格。2、色彩的平衡與呼應1)色彩...
-
合格的網頁美工設計的職責有哪些
想要成為一名合格的網頁美工設計,應該要知道自己所承擔的職責的。那麼合格的網頁美工設計的職責是什麼呢?關於網頁美工設計是負責整個網站的前台設計,界面設計、規劃整個網頁的佈局。目前使用ps進行界面效果圖的設計,AI輔助設計LOGO、以及網標。所以作為網頁設計...