教你如何设计出高转化率的商品详情页

《设计中的设计》里的原大师说：“设计是从生活中发现新问题的行为” “解决社会上多数人共同人面临的问题，是设计的本质。” 这期我们带你分析一下商详的设计逻辑，也就是一个从发现问题到解决问题的过程。

下面我们以迪卡侬的运动T恤类目为例：


前期：

1. 项目背景: 迪卡侬来自于法国，是全球知名的体育用品零售商，从初学者到专业运动爱好者，迪卡侬都能提供运动服饰、装备以 及各种创意类运动产品，其全产业链掌控的模式让其产品具有较高的性价比。本次跟此项目合作的目标就是打造一款运动T恤的爆款商详，提高商详的点击率及转化率。

2.了解商品：

需求分析：①风格定位：欧美运动风；②质地：专业的运动面料；③人群：中青年男性，热爱运动。

3.竞品分析：

分析一下淘宝/天猫其他店铺的运动T恤的商详中出现的问题：

①没有卖点或者卖点过多没重点 ②页面不够大气 ③面料的科技感不够突出

④风格、色调不统一。

根据这些，我们设计时进行改进：


中期：

1.卖点的提炼：卖点是根据产品自身以及售前顾客询问以及售后评价提炼。

①痛点：并非让客户烦恼的产品，而是基于产品本身的使用价值而引导出来客户的一种需求价值；②属性：面料、设计特点、适应季节、弹性、厚度等；③优势：

可以从从产品本身、服务层面、文化概念层面寻找；④价值：在客户所认知的基础上，给予客户一种能占到便宜的渠道。

2. 页面的逻辑分析：

①从买家的思维逻辑来讲，他想看到什么?


②从卖家的思维逻辑来讲，我们应该做什么？


③从轻逻辑讲，一眼就要看出卖点是什么，页面明确不零碎，形成一个主题逻辑。

3.文案的选择：文案的选择要精简，突出，夸张，创意。按照消费者最关心的从上往下排列，一屏只写一个卖点。

另外，因为此款T恤主要卖点是它的面料，所以运用了一些跟面料科技有关的标志元素：面料柔软舒适、轻薄顺滑、吸湿排汗、快速干燥等。


再加上一些科技感元素烘托氛围：


后期：

到了这里，作图就有了标准，整个视觉的风格确定了，简约大气，品质感。色调以蓝色为主，黑白灰，适当留白。以下是商祥的架构：


商详的构成框架：产品价值+消费信任=成交

在视觉表达上，为了让客户有良好的阅读体验，分为以下几点：①轻视觉，一屏论述②长本文使用标准字号③恰当留白④140%标准行高⑤鲜明的色彩对比。

自上而下，一环扣一环紧密相连，前后有序，严谨合理。

设计不是你想干嘛干嘛，是你先搞清楚要像顾客传递什么概念，然后在用设计的手法去传递出去。背后要有理有据。无论是定设计风格还是策划思路都是要依据消费者需求，建立对消费者心智的研究基础之上。

把握好以上，还怕你的商祥转化率不会上升嘛？