美工设计 百分网手机站

「淘宝美工教程」宝贝详情页

时间:2017-12-20 美工设计 我要投稿

  淘宝美工关于宝贝详情页怎么设计,设计流程是什么?下面跟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)根据市场的变化做相应的变更