设计师如何快速设计产品详情页?

站长资源 2024/11/23 佚名

79 1538 79

DDR爱好者之家 Design By 杰米

因为最近接触的都是美妆类目，所以我就以美妆为例。其他各行各业可能会有些不同，这里主要是分享一些方式方法，具体执行的时候肯定需要结合所属行业和促销情况来决定整个框架。

首先我们分析一下产品详情页的基本结构逻辑：

组成部分：1.版头

2.产品信息

3.提出问题(也就是告诉买家为什么需要你家的产品)

4.解决问题(用产品成分和功效、或者使用对比图等证明你的东西可以解决买家的问题，有个性的的话还可以加一些材质、设计什么的)

5.打消顾虑(牛逼的销量、达人推荐、资质证明、品牌实力、贴心服务，什么无效退款，赠运费险啦等)这些东西有时候会直接置顶，或放在版头+产品信息的下面。根据实际情况和运营需求确定。

6.使用说明

7.产品细节/拍摄原图

下面我们再对每一个板块进行分析：

一、版头部分：

版头主要渲染氛围，所以一定要重，足够吸人眼球;促进买家接着看下去。不能轻飘飘的，让人没有拉进去的欲望。版头有很强表现力的方式大致有3种：产品大、产品多、加人物(模特/代言人)

我们可以看一下比较大的品牌的详情页版头

膜法世家一叶子

植村秀

百雀羚我的美丽日志

二、产品信息

产品信息基本上在版头末尾就带过了，稍微融合进版头或者在版头的下面，不能抢掉版头的风头，但是又要表现出来。

三、提出问题

美妆的基本上就是肌肤的问题，哪些困扰你呀?暗黄、缺水、长痘、干燥等等。基本上都是提出与产品功效相对的问题，这样下面第四点的解决问题就引出来了。

例如韩后

或者提出一些你现在使用的产品有哪些问题?进而告诉买家我的产品可以更好的解决这些问题，同时价格差不多，或者只贵一点点，那么你干嘛不选择我的产品呢?是吧。

例如我的美丽日志

四：解决问题

上面都把困扰买家的问题提出来了，那我们的产品肯定是要解决买家的问题呀，这样买家就可以用我们的产品解决问题呀。

从功效上告诉买家我的产品多么牛逼

从成分上陈述，樱花、芦荟、玻尿酸等等，反正你的产品主要成分是什么就从哪些方面去吹，文案什么的都专人准备好最好，如果是小公司，文案要设计师自己解决的，那就抄，或者度娘。不过一定要精简并且说道重点。

五、你有问题，我可以解决你的问题。那么你为什么要信任我了。

我就需要打消你的顾虑了不是。

下面举一些打消顾虑的方法：销量超牛逼+买家好评，明星达人推荐啥的、有特证(你要真的有，不要胡咧咧，特别是天猫店)等等，总之让买家死死的相信你就是了。

当然，这一个板块，视情况有时候会挪动最前面或者版头的下面，这个看实际需求情况，或者运营的特殊需求。很多时候我们会把超牛逼的销量，超低的价格，超人气的推荐等等放在最前面，从一开始就打消买家的顾虑，再来介绍我们的产品。这样也是可以的，多看详情页转化率，商业设计师，能多卖货就ok。

六、使用步骤

这个就没有什么好说的了，让模特拍一套图，放上去就ok

七、产品细节/实拍图

拍图+修图就可以了，尽量真实些。

第六和第七位置互换其实问题也不大哈。还是看运营的需求哦。

设计师,产品,详情页

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“设计师如何快速设计产品详情页?”

暂无评论...

设计师如何快速设计产品详情页?

案例分析交互细节设计的四个小技巧

新版微博App聊天界面的优化设计项目总结

评论“设计师如何快速设计产品详情页?”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

设计师如何快速设计产品详情页?

案例分析交互细节设计的四个小技巧

新版微博App聊天界面的优化设计项目总结

评论“设计师如何快速设计产品详情页?”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存