首页 电商 正文

电商详情页设计流程及注意事项(附案例)

扫码手机浏览

00:00
--:--
把做宝贝详情页所必需要的元素,注意事项,前期准备,后期跟踪等事宜清单罗列出来,就可以在下一次的工作中节省很多时间。一、目的:通过合理体现产品的功能、优点,迎合消费者心理,促进产品销售。二、需要参···

图片来源@Unsplash,基于CC0协议!

把做宝贝详情页所必需要的元素,注意事项,前期准备,后期跟踪等事宜清单罗列出来,就可以在下一次的工作中节省很多时间。

一、目的:通过合理体现产品的功能、优点,迎合消费者心理,促进产品销售。

二、需要参与沟通的部门:产品部,运营部,设计部,客服部,仓储部等。

三、工作流程:

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)头图(一张图说明本产品带给用户的感受,用文案,图片素材及画面意境的配合下打动买家的心)

WoiBaby伊甸园榉木婴儿床的头图

WoiBaby成长型护脊床垫的头图

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)根据市场的变化做相应的变更

案例:化妆品(气垫BB类)详情页设计

本文转载自互联网,版权归原作者所有,转载目的在于传递更多的信息,并不代表本网站的观点和立场。部分文章推送时未能及时与原作者取得联系,如发现本站文章存在内容、版权或其它问题,烦请告知,我们将及时删除。

推荐文章