返回顶部
关闭软件导航
位置:首页 > 资讯 > 电商资讯>淘宝网页排版设计教程小白也能轻松学会
淘宝网页排版设计教程小白也能轻松学会

淘宝网页排版设计教程(小白也能轻松学会)

建站

2020-08-3116:48:11

电商美工盈盈

views

首先我们要明白一件事情,详情页是什么?是干什么的?

平时我们在线下门店或商场买东西的时候,我们能直观的看到商品,可以摸到商品的材质,还可以听到销售人员的讲解。而淘宝上的商品,用户只能靠眼睛去看,很终下不下单全靠你的详情页的图片和文字来说服。那么问题来了,如何才能说服你的顾客下单购买?这也是我们今天文章主要要解决的问题

淘宝网页排版设计教程小白也能轻松学会1

第一步:顾客人群定位

很多卖家做详情页都是想当然的去做,有些是图片排版逻辑表达顺序不对,有些则是文案写不到点子上,更有一些小卖家把宝贝主图随便加上些描述,然后网上套个模板,详情页就完成了,连自己看后对产品的很多细节都无法看明白,更别说要让这样的详情页能带来转化了,很起码自己做的详情要能够说服自己吧。

好了,不扯这么多,回到本文的主题上,做详情页之前我们需要先搞清楚下面几个问题。

第二步:设计详情页排版布局

我们把以上的问题,都想清楚了之后,那我们要预备做一个属于自己的宝贝详情页、文案、设计方案。

1、我的产品是卖给谁的?我的顾客人群是哪些人?

只有搞清楚了你的产品要卖给哪些人,你才能分析出他们的需求,才能找准用户的痛点

2、他们为什么要买你的产品?

找出自己的产品核心卖点,然后放大这个卖点,给顾客一个不得不下单的理由,是你这个详情页的终极目标。

3、你的竟争产品是什么?他们的主卖点是什么?

知已知彼,百战不总。参考同行的产品,分析对手产品的定位人群、主打卖点。更具体点就是对方的产品客单价、图片、文案、促销方案等这些信息都是我们要研究分析的数据。然后再看对方的弱点是什么?自己的弱点是什么?然后制定出自己的差异化的设计方案。

4、你的顾客真正要的是什么?他想要解决什么问题?你的产品能解决他什么问题?

这个问题才是你的顾客真正的需求,我们的卖点也是主要解決这个问题。当然不同的行业不同的产品也会有不同的答案。但这个问题是我们一定要去解决的,哪怕答案是错误的,我们也要去思考,去做数据分析。

第1屏:产品基本信息(你在卖什么-3秒钟)这个内容一般放在页面很上面,用一张图片和简短文案来描述你卖是是什么产品。当然也可以把促销导购写到这里来,一定要注重文案不宜过长。

第2屏:促销导购(赶紧买)这个就是你的促销理由以及优患政策,这个对价格比较敏感的顾客非常有用。

淘宝网页排版设计教程小白也能轻松学会2

第3屏:产品尺寸、规格信息。这个是为了客户更加方便了解商品信息,通常会把产品图放在前面,尺码表放在下面

第4-6屏:产品卖点是什么,为什么要买你的

这部分内容是一个详情页很重要的部分,要精准地描述出这款宝贝的主要卖点。卖点可以夹杂在详情页各个地方体现。但是记住产品的核心卖点永远只有一个,这个核心卖需要不断的强调,在视觉上也要不断的放大。卖点挖掘可以从产品设计细节、风格理念、适穿需求、面料卖点、工艺等等方面去考虑。

第7-10屏:模特展示。模特展示主要表达上身效果,另外验证产品卖点,注重要注重样式;

第11屏:颜色展示。这个主要方便买家购买,偏向于收集样式。不过很近发现女士内裤可以颜色为导购

第12-14屏:细节展示。细节展示这块一定要让买家看到商品细节后买得放心,在细节展示过程中,可以把细节解析的卖点加上。

备注:这个版块就是进行一个产品对比的过程,适用于同质化比较多的商品。

淘宝网页排版设计教程小白也能轻松学会3

第16屏:品牌与售后保障信息。主要展示包装、吊牌、售后说明、物流说明、品牌规模、品牌定位、品牌价值等等

第三步:测试转化+调盛优化

上面重要的环节都做了以后,那接下来就是怎样測试这样的详情页顾客是否接受了,以及如何从数据层面得出调整的方案

1、测试:很快的当然是直通车了,直通车可以快速的得到流量,测试出你的一系列产品的跳失率,收藏率,转化率,那么就技照2-4天的数据反馈,再进行下一步的调整

2、优化:你感觉,2-4天的跳失率很高,那么你就要考虑的就是你的详情页某些地方是不合理的,或者是促销文案没做到位,我们可以按照买家的停留时间,去调整页面的逻辑顺序。按照买家的收藏,去调整文案按照转化率数据,调整详情页的模块设

版权申明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至举报,一经查实,本站将马上删除。

如果您觉得 淘宝网页排版设计教程小白也能轻松学会 这篇文章对您有用,请分享给您的好友,谢谢
文章地址:https://www.tianxianmao.com/article/online/11782.html
解放双手无尽可能,有问题添加天线猫微信