设计|详情页设计的逻辑思路
导语:一个好的产品如果没有好的详情页来支撑,转化率就会很低,获取的流量就会减少,如果不能提高转换率,淘宝店铺就会面临淘汰。从2015年开始淘宝加重了对转换率的权重。通过转化率筛选出优质的产品。所以这时候一个优质的详情页显得尤其重要 ,优质的详情页是怎么做出来的呢?
文章插图
首先大家了解详情页的设计技巧与思路吗?
当我们拿到一个详情页设计需求的时候,我们不要急着去做,而是先分析详情页的逻辑大框架,详情页的逻辑很重要。
我们可以先分析产品的定位和卖点(痛点),先进行产品的定位,懂得营销思路,确定好文案,把文案的主次关系弄清楚,补充促销的噱头,提升转化率。点缀标题,给人一种购买欲。
一、宝贝描述页的框架打造一个详情页,前期需要花多点时间去调查,构思,确定好一个方向,再去做设计。详情页是提高转化率的入口,所以宝贝详情页是店铺产品是否能够交易成功的关键因素。
一个成功的详情页是如何吸引客户的购买欲望,如何才能牢牢抓住客户的消费心理?我们要从买家的购买心理,买家的浏览习惯,购物逻辑去分析。
按照这些逻辑去优化我们的详情页,依据这些逻辑把详情页描述分成几大模块去表达。
详情页的描述逻辑,都需要遵循一个顺序:如何引起消费者的注意,激发潜在客户的消费需求,得到消费者的认同与信任,替消费者做决定。由于客户不能直观的体验,我们做详情页的目的就是打消客户对产品的各种疑虑,从客户的角度去出发,告诉客户我们的产品是值得去信赖的。
二、设计的技巧先进行产品的定位,了解清楚产品在市场上的价格,符合什么样的人群;再确定风格,看一下其他店铺的详情页设计,吸取一下别人的长处。从中借鉴准备设计的元素,分析产品自身的一下卖点进行提炼,根据产品的定位进行风格上的确立,开始逐步收集所用到是设计素材。素材网站可以到花瓣、觅素材等寻找用到的素材。
产品的定位主要分为三种定位,功效定位、品质定位、市场定位。功效上,该产品在同类的产品中有什么明显的功能区别,有什么突出功效;品质上,有什么突出的品质吸引客户;市场上,把产品的宣传定位在最有利的市场上。
拿这个店铺为例,店铺想做简洁清爽的风格,考虑品牌色色调跟产品色,用色尽量控制在2-3中颜色。避免页面出现花哨的感觉,彰显品牌调性。
1. 对比突出文字上的突出,确定好文案的标题,主次标题之间要有明显的大小对比,重点突出主标题,副标题与装饰文字需要弱化,层次分明。
图案上的突出,对产品进行打光突出。与页面有明暗关系的对比,突出产品。其余的作虚化处理,拉开页面的层次感。
2. 版式的衔接柔和的曲线衔接,这种分割版式适合一些偏女性母婴的产品。让客户跟着曲线的衔接引导观看,延长停留的时间,既给页面增加美观,也给人柔美柔和的感觉。
利落的直线条/斜线条分割衔接,这种分割的版式适合数码类,运动类或者偏男性的产品。
各类型的形状衔接,这种形式比较活跃,注意形状的统一,形状的大小对比,主次分明,切记能过多的形状,导致页面混乱。
3. 风格上的确立
- 文字上的确立风格,确定走的是简洁风、时尚风、文艺风、科技感、可爱风等。定一个主风格,再定一个次风格,主次分明相结合。
- 产品价格的定位,确立风格。
- 分析市场,可以走差异化,不同寻常的风格。
1. 常规:全力营造氛围提炼关键词,画面氛围靠向关键词。对设计素材进行寻找收集,前期工作收集的素材可以到素材网站,比较花瓣网、觅素材等。
2. 特有形式的延展固定构图固定形式,找到形式套用。
3. 在内容里找梗:喜闻乐见,会心一笑从合理把握尺度(含蓄巧妙)。
4. 玩标题:不止是大标题文字形式,结构,材质的玩法。
5. 超现实的场景设定打破固有思维梦幻梦境。
6. 有趣生动的造型特别不同的地方。元素要有趣要有喜感。
7. 最朴实的情感最动人寻找动人的点。通常一些感人的画面,更容易打动消费者,让消费者理解。
- MacBook Pro|新 MacBook Pro 真是设计倒退?那扩展坞会成为过去式吗?
- 抖音|漫步者HECATE G5000音箱的外观设计棱角分明,充满了未来感
- 电池|手机一体化好还是拆卸电池好?网友:电池不可拆卸是反人类的设计
- 附属肿瘤医院|支付宝上线首页智能服务卡 覆盖机场、火车站、景区、医院
- 集成电路|比特大陆入股中科微电子,后者为集成电路设计开发商
- ui设计|不要迷信算法,会变得无趣
- realme|realme新机曝光!定位高端旗舰,设计出乎意料
- 火车站|支付宝正式上线首页智能服务卡,覆盖机场、火车站、景区、医院等
- 验证码|如何把谷歌两步验证设计到产品中
- 回到未来|回到未来复古风 OPPO Reno7呼吸灯设计真的好