全部新闻提供最新行业动态,分享前沿设计理念
怎样设计好一张淘宝详情页?具体思路是什么?
时间:2024-06-04 来源:朝夕友人 点击:

电商详情页普遍都是展示产品用途,产品细节,而且很多同行互相借鉴模仿,视觉上已经不那么新鲜了, 那应该怎么设计呢?

先看下我的设计

这个产品定位比较高端,虽然是小众产品,卖了几个月,平均每月也有二十万以上的销售额,也算是比较成功,看下我的设计方法吧!

场景模特

模特的出现让画面更生动,为了效果真实,就需要进行严谨的拼接合成……除了不同素材的拼接合成,有时同一张素材里面东西的摆放位置也要按照需求灵活调整,背景场景就是这么处理的。

漂浮效果

产品的展示普遍都是放在台面,或者挂墙上,漂浮就显得不一样,更有动感。

我找了类似丝绸的素材,然后进行去色、模糊、光影调整等一系列的处理,最后变成抽象的背景。

整体版面的明暗变化

如果一个详情页都是明暗度比较接近的背景,一直看下来就会觉得单调,如果灰度上有变化,那就会不一样,明暗的交替出现会形成一种版面上的节奏感、新鲜感。

竖版图

现在电商的交易90%以上是在手机端进行的,手机的屏幕是竖屏的,做设计用的电脑屏幕是横屏的,有些设计师就习惯把图片做成横版的,横版的图片在手机上会显得比较小,未能占满大部分屏幕空间,视觉上不那么震撼,所以做成竖版的图片在手机上就更为饱满,更具视觉冲击力。

精细感

精修与合成是有一定技术门槛,这个可以测试一个人的专业程度。精修是非常好用的技术,如果找的素材像素比较低,就可以重新画一个或者对素材进行精修。

(低像素的素材)

(精修后的效果)

(这里面的插座就是画出来的)

无论找的素材或者拍出来的素材效果是多么不好,精修都可以化腐朽为神奇,让每个元素都是漂漂亮亮的,只需对产品进行分区调整处理,重新做质感。我有时会在产品转折的地方加高光白边或者灰边,强调产品结构的转折。

以上的处理手法都是要围绕产品本身,而不是一味地追求视觉新鲜感、震撼感……找一些夸张的素材,写一些夸张的文案,内容上必须具备营销力才行,毕竟是要卖产品的,要看转化率的。

当然,这一套文案、修图、排版下来,花的时间不少,对于刚入行不久的初级美工,或者平时活太多的朋友,也可以善用一些工具插件,不错的像稿定PS助理:https://www.pszhuli.com/

插件内有海量的电商设计模板,无限下载完美支持商用,能一键批量套版,快速制作主图、详情页等多种物料,有效提高设计效率,半小时解决之前2、3个小时的工作量。

如果想要系统学习详情页的制作流程,我也总结了一套流程,希望能帮助到你们

文案这里需要策划一套完整的方案

是整个详情页的框架

作用在于收集所需信息

形成一条清晰的执行思路

在电商详情页中主要突出产品特点

产品特点我一般用一个简短有力的标题

和一段相关文字来描述

我自己常用的文案结构:

主题:产品名称

(拍法) 引导语 产品特点1(拍法)

相关描述

产品特点2(拍法)

相关描述

……

这里用一款折叠式毛巾架为例

文案写出来是这样的

主题:折叠式毛巾架(5)

即使是小小的浴室空间

也要挑选最精致的物品

亲肤舒适的毛巾

搭配可折叠的毛巾架

享受品质的浴室生活

180°自由旋转,收纳更方便(5)

每一个杆子都可以180°任意旋转

让毛巾之间不重叠,更加干净卫生

折叠时不占地(5)

不用时轻松收回,节省居家空间

304不锈钢材质(6)

材质安全健康,可放心使用

……

这里我还会配上一些参考拍摄角度的图片

这样整个详情页的每个环节就比较明确

后续的工作就能流畅进行

针对产品拍摄的方法

我在公众号里就写下来了

有兴趣可以翻翻看

这里我把它做成一张表格

通过这张表格可以

快速告诉助手需要什么效果

怎样摆好器材、闪光灯、道具这些

这套方法虽然方便

但也不是万能的

做的时候不能一味埋头苦干

还得动脑筋

要有发现问题解决问题的意识

修图就是对画面的精确调整

调出自己最想要的效果

通常我会先修好一张图

然后其余的图和这张图对比

这样就比较好统一色调

主要就是色彩、明暗的调整

有时还要对画面进行分区域调整

排版要做的就是:

1.对文字的控制:字体选择,

字体大小,行距间距的调整;

2.留白:让画面整体

形成视觉上的节奏;

3.比例:整体上控制图片、

文字、留白面积之间的大小。

所做的就是让画面整体要看着舒适。

最终效果:

在应对大量工作的时候

我自己感觉这套流程比较实用方便

做到这里,算是完成了电商

详情页基本内容的创作

如果内容上想再一步提升竞争力的话

就得看短视频的制作

短视频的作用大大超出图文

可以让人短时间内了解到产品特点

并且留下较为深刻的印象

视频资源加载失败

转化率高的详情页才是好的详情页。如何优化详情页,提高转化率呢?我有一个方法是这样的:

商业活动需要了解市场,了解需求(研究消费者心理,然后去满足他们的心理需求),看清楚机会与竞争,而在电商市场中,信息获取是非常便捷的,可以通过分析搜索,获取热度较高的关键词,从而知道目标人群购买的趋势?

案例:不锈钢牙刷架

看市场之前,先了解自身产品:特点是防尘沥水,304不锈钢(市场上大多数是塑料,价格便宜),中高价位(有利润,竞争不会太大),定位中高端客户(视觉制作需要精美)。

淘宝pc端搜索“牙刷架”,知道目标人群最关心的问题是安装方式(免打孔)、套装、不锈钢等等。

天猫pc端搜索热度较高的也是安装方式(免打孔)、套装、不锈钢等等,这里多了一项搜索的结果,而数量就是同类竞争产品的数量,最下面一项“相关店铺”就可以找到竞争店铺。

一共有155个竞争店铺,排名靠前的是比较强的。我喜欢在优秀的竞争对手身上获取有用信息,向对手学习是非常简单实用的自我提升方法。

目标人群首先是搜索到产品,先看到主图,然后再点击进入详情页再进行转化,所以主图的作用就是用于引流,吸引更多的人点击,而详情页就是用于转化,让更多的人购买。通过第一步对搜索的分析,我们得出与牙刷架相关联的关键词:免打孔、套装、不锈钢等是目标人群搜索热度较高的,为了提高流量和转化,就必须进行针对性的设计。

这里需要考虑表达的点是不是目标人群想要的,还有表达够不够突出,是否能让人快速理解,这是视觉制作时需要考虑的问题。

主图引流

如何吸引目标人群的点击?这里的做法是精美的图片加上热门关键词。很明显,这个方法其他店铺也有在用,因为这些人都在互相学习借鉴。

详情转化

如何促进购买?热门关键词的背后是目标人群关心的问题,免打孔背后是安装方式,那么就针对安装方式进行设计。

上面这些是为了满足客户的心理需求:安装无需钻孔。免打孔安装就会出现另一个问题:是否牢固?这是目标人群所担心的,这时就需要打消他们的顾虑。

然后是第二个热搜词“套装”。

视觉是第一印象,非常重要,图片的制作上必须精美有质感,别人才会有购买的欲望。

除了针对热门关键词进行设计之外,还得回到产品本身,把产品的其它优势表达出来。

最后,加上视频就更加完美了。

PS:内容做好之后,流量也是很重要,如何获取更多的流量?可以结合刷单:刷关键词以增加排名和浏览量,刷评论以增加客户购买的信心,然后通过商家后台获取到更加全面的数据:引流关键词,转化关键词,行业热搜词等等。市场是变化着的,消费群体的需求也是在变化,所以热门关键词也不是一成不变的,需要持续关注,及时做出调整,制定有针对性的策略。

更多案例作品

ps:以前写的这套方法已经比较旧了,更新更好的方法会在公众号上更新,欢迎学习交流。

如果您也有此需求,欢迎咨询我们立即咨询