详情页设计思路

详情页设计思路

导语：一个好的产品如果没有好的详情页来支撑，转化率就会很低，获取的流量就会减少，如果不能提高转换率，淘宝店铺就会面临淘汰。从2015年开始淘宝加重了对转换率的权重。通过转化率筛选出优质的产品。所以这时候一个优质的详情页显得尤其重要 ，优质的详情页是怎么做出来的呢？

首先大家了解详情页的设计技巧与思路吗？

当我们拿到一个详情页设计需求的时候，我们不要急着去做，而是先分析详情页的逻辑大框架，详情页的逻辑很重要。

我们可以先分析产品的定位和卖点（痛点），先进行产品的定位，懂得营销思路，确定好文案，把文案的主次关系弄清楚，补充促销的噱头，提升转化率。点缀标题，给人一种购买欲。

一、宝贝描述页的框架

打造一个详情页，前期需要花多点时间去调查，构思，确定好一个方向，再去做设计。详情页是提高转化率的入口，所以宝贝详情页是店铺产品是否能够交易成功的关键因素。

一个成功的详情页是如何吸引客户的购买欲望，如何才能牢牢抓住客户的消费心理？我们要从买家的购买心理，买家的浏览习惯，购物逻辑去分析。

按照这些逻辑去优化我们的详情页，依据这些逻辑把详情页描述分成几大模块去表达。

详情页的描述逻辑，都需要遵循一个顺序：如何引起消费者的注意，激发潜在客户的消费需求，得到消费者的认同与信任，替消费者做决定。由于客户不能直观的体验，我们做详情页的目的就是打消客户对产品的各种疑虑，从客户的角度去出发，告诉客户我们的产品是值得去信赖的。

二、设计的技巧

先进行产品的定位，了解清楚产品在市场上的价格，符合什么样的人群；再确定风格，看一下其他店铺的详情页设计，吸取一下别人的长处。从中借鉴准备设计的元素，分析产品自身的一下卖点进行提炼，根据产品的定位进行风格上的确立，开始逐步收集所用到是设计素材。素材网站可以到花瓣、觅素材等寻找用到的素材。

产品的定位主要分为三种定位，功效定位、品质定位、市场定位。功效上，该产品在同类的产品中有什么明显的功能区别，有什么突出功效；品质上，有什么突出的品质吸引客户；市场上，把产品的宣传定位在最有利的市场上。

拿这个店铺为例，店铺想做简洁清爽的风格，考虑品牌色色调跟产品色，用色尽量控制在2-3中颜色。避免页面出现花哨的感觉，彰显品牌调性。

1. 对比突出

文字上的突出，确定好文案的标题，主次标题之间要有明显的大小对比，重点突出主标题，副标题与装饰文字需要弱化，层次分明。

图案上的突出，对产品进行打光突出。与页面有明暗关系的对比，突出产品。其余的作虚化处理，拉开页面的层次感。

2. 版式的衔接

柔和的曲线衔接，这种分割版式适合一些偏女性母婴的产品。让客户跟着曲线的衔接引导观看，延长停留的时间，既给页面增加美观，也给人柔美柔和的感觉。

利落的直线条/斜线条分割衔接，这种分割的版式适合数码类，运动类或者偏男性的产品。

各类型的形状衔接，这种形式比较活跃，注意形状的统一，形状的大小对比，主次分明，切记能过多的形状，导致页面混乱。

3. 风格上的确立

文字上的确立风格，确定走的是简洁风、时尚风、文艺风、科技感、可爱风等。定一个主风格，再定一个次风格，主次分明相结合。 产品价格的定位，确立风格。 分析市场，可以走差异化，不同寻常的风格。

三、首屏海报创意

设计生活中，创意不仅可以吸引客户的眼球，又能整体画面的丰富层次感，而且还可以很巧妙地表达出主题性。淘宝页面中，如何才能够让客户一眼记住，形式的创新显得尤其重要。视觉集中到产品身上，同时能够很好地抓住人的眼球。

1. 常规:全力营造氛围

提炼关键词，画面氛围靠向关键词。对设计素材进行寻找收集，前期工作收集的素材可以到素材网站，比较花瓣网、觅素材等。

2. 特有形式的延展

固定构图固定形式，找到形式套用。

3. 在内容里找梗：喜闻乐见，会心一笑

从合理把握尺度（含蓄巧妙）。

4. 玩标题：不止是大

标题文字形式，结构，材质的玩法。

5. 超现实的场景设定

打破固有思维梦幻梦境。

6. 有趣生动的造型

特别不同的地方。元素要有趣要有喜感。

7. 最朴实的情感最动人

寻找动人的点。通常一些感人的画面，更容易打动消费者，让消费者理解。

多在花瓣等网站浏览各种各样的页面，图片的设计，可以给我们的详情页设计带来很多灵感。设计本身就是相通的，所以多看一些别的领域的设计也可以提升我们的审美能力，设计源于生活，我们应该学会从生活中汲取灵感。

总结

从产品定位到风格设计，从营销思维到设计，都些都是影响一个宝贝详情页转换率好不好的关键因素。页面的整体风格调性，美观问题，都很重要。一个详情页好不好，不光要美观，还要提升宝贝的转化率。

站在客户的角度去分析，如何做到激发购买欲，让客户更加对产品信服。确定详情页的框架，构思好详情页的内容。确定产品的主要卖点，给产品确立一个明确的定位，告诉客户为什么要买你的产品。满足用户的需求，需求是对美好的向往，以及对现状的恐惧。

本文由 @光影灵动设计 原创发布于人人都是产品经理，未经作者许可，

题图来自Unsplash，基于CC0协议。