之前三周的蚊子会会员内部课程周五YY大讲堂,给各位商家分别说了店铺首页的设计与利用、专题页的设计与营销、宝贝单品页的结构设计与利用,本次的课程就来说说爆款详情页的逻辑设计与视觉设计思路。
商品详情页这两年的变化较大,不同的人对待详情页重要与否,观点不一,当然我个人还是觉得详情页是很重要的。设计讲求的就是思路,设计思路顺畅、拆解顺畅了,剩下就没什么问题了。
但是制作详情页并不是一个单纯扔给美工的活,在这之前运营需要详细规划怎么去做,做出什么样的感觉,就想你要做一个展会,展会之前,你必须要有一个完整的活动方案出来。
接下来,就和大家分享一下,如何构建详情页的基本框架结构。
一、详情页的基本框架结构
1.逻辑框架架构
所谓逻辑框架架构,就是指产品有什么用,客户为什么买。在制作详情页时,会考虑用一种推销的方式向客户推销我们的产品,比如理性推销。当然,这里所说的推销并不是客服去推销,而是从静态详情页中向客户阐述清楚我们需要销售的产品。
总的来说,逻辑框架架构就是让详情页读起来有连贯性,通俗来说,就是让客户看起来“爽”!
2.视觉框架架构
视觉逻辑架构往往需要和逻辑框架结构相匹配,包括产品本身的色彩模式、搭配、材料质感等等。总的来说,视觉框架架构要做的就是详情页呈现在客户面前时,让客户看起来“爽”,保证用户体验以及视觉的连贯性、流畅性,促使客户下单。视觉框架架构,就是为“爽”做服务的。
3.平台模式框架架构
基于前两点来说,已经可以完成详情页的基本架构了,这两点完成之后,平台模式的架构就是根据不同平台的要求做细小的改动,比如参加平台活动时,可以加入活动促销元素到详情页中,现在的平台,如京东、唯品会的要求都是要求客户按照平台的模式规范去做。
4.详情页的逻辑
一个客户来到我们宝贝详情页时要解决一下问题:
1)怎么才能吸引住客户?
2)宝贝是否适合客户?
3)买家对卖家宝贝时候信任?
4)买家对卖家店铺是否信任?
5)怎样才能有更高客单价和更多回头客?
通过产品包装,让产品有更高的品牌价值,详情页中可以加入产品的关联推荐,以化妆品为例,在做单个产品详情页时,加入关联推荐,完全可以做成一个化妆品套装。当然前提是,前面的工作你要准备好,同时顾客有这样的消费需求。
以上5个过程中,归根究底,就是如何提高用户转化率,吸引买家是一条贯穿始终的线,遵循这个解决流程,详细布局宝贝描述。
5.如何吸引客户?
第一,最上方的页面设计要是不能吸引客户的话,客户基本上就没有兴趣再往下翻页,导致直接跳失,此时的跳失率是非常高的!所以,在做宝贝单品页和整体页面时,画面一定要有张力!要布局最有吸引力的卖点图或文字。
第二,在吸引住客户眼球之后,要用关键性的文字告诉客户,产品哪里好,为什么最好的选择是我们。
所以在详情页中要展现以下几点:
1)产品的正品保证;
2)产品销量,大店展现自己的产品,小店展现自己的品牌和供应商;
3)好评如潮,一带而过;
4)各种国家、国际的质量认证,获奖证书;
5)来自国外或原产地,适合有特色的产品;
6)产品促销,价格低廉实惠。
综上所述,突出产品优势卖点,但文字要精简凝练,突出数字和重点。
举个例子:男士爽肤水
首先梳理产品的基本资料:男士爽肤水,针对产品拿到了爽肤水的基本成分,其他资料全无。
二、具体案例及设计步骤:
1.基本资料
①作为行业的敏感性,将可以挖掘的成分,用红色字体标注,作为核心卖点;
②针对产品特性,进行市场调研,结合产品成分,得到产品主要功效:
Ⅰ.深层控油;Ⅱ.清爽保湿;Ⅲ.提亮肤色;Ⅳ.收缩毛孔;Ⅴ.须后护理
③挖掘产品痛点,总结4个男士面部常见问:
Ⅰ.过敏泛红;Ⅱ.毛孔粗大;Ⅲ.皮肤出油;Ⅳ.肌肤老化
综上所述,得出基本结论,这款产品通过6大基本成分,实现5大功效,解决男士面部4大问题,得出产品产品卖点。
二、页面设计规划理念
1.确定风格
根据产品成分,构思出两大概念:第一,金属质感——硬派男人更有型(男士格调定位);第二,贯穿海洋深蓝——海般容量,萃取极致精华(男士个性定位、产品成分定位)。通过以上确定出产品详情页,主要营造的是一种金属的硬派质感和海洋的蓝色色调。
页面设计整体侧重光感和质感的体现,对产品拍摄要求较高,否则无法与页面效果匹配。
2.寻找灵感
突出运动男性理念(针对年轻男性市场),表现活力、硬派概念。首先,从网上找了四张图,通过拆解别的人页面,汲取别人好的地方,作为整体页面的色调规划和产品部分元素的规划参考;其次,考虑到产品特性,将页面定位为深蓝色调,制作玻璃透明感的元素搭配页面;最后,视觉上大方向确定,着手理顺页面框架结构。
3.逻辑框架结构
(1)硬派型男,海纳百川
一屏广告图,营造产品概念;
(2)全球型男必备,王牌护肤——男士焕能净爽激活水
开启男士护肤新一步:Ⅰ.深层控油;Ⅱ.清爽保湿;Ⅲ.提亮肤色;Ⅳ.收缩毛孔;Ⅴ.须后护理(二屏广告图,营造产品定位),因为产品是男性产品,需要最先说明清楚产品的主要功效,针对男士购物心理得出结论;
(3)突破性配方,让你的肌肤完美无瑕。
到此为止,页面结构的第一部分基本完成,整体来说这里的3点是一种广告宣传概念,凸显产品主要概念,无需过多介绍,尽量用一种能够突出视觉效果的图片心音眼球的感觉进行展示。
(4)痛点挖掘
需要注意的点,要做出自己的风格,区别于大环境下的产品。
(5)引导客户怎么去寻找自己最需要的答案
总结:
痛点挖掘(提出问题)——产品有效(可以解决)——产品展示(引出产品)——产品功效——产品成分。第二部分整体以这样的逻辑顺序来阐述详情页,即,告诉你有问题,怎么解决,引出产品理念。
(8)再次痛点
(9)产品功效分述——根据成分谈功效
(10)产品测试
(11)客户评价展示
(12)产品属性
(13)质检报告
到这里,第三部分完成。第三部分是作为第二部分的补充,更加详尽的进行产品的补充说明。通过反复的形式向客户暗示,你有这个问题,你需要去解决,用我们的产品,你的问题可以得到解决。
三、总结
综上所述,产品详情页的设计,汇总之后分为4大部分:
1.产品大概念宣传,即第一步告知消费者这是什么,有什么用;
2.产品引带式宣传,即你有什么问题,我的产品可以给你解决;
3.产品再次引带,即你还有问题,我们为什么可以帮你解决,多次暗示的销售方法;
4.产品基本信息,即有质检,强化顾客购买心理。
本文作者为蚊子会导师鸡叔,来源于蚊子会会员每周五内部课程YY大讲堂课程内容节选,转载请注明作者及吴蚊米自媒体。
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
- 《庄心妍 实力唱将 发烧音乐精选集》[WAV+CUE][380MB]
- [音展纪念碟]2006年《TAA台湾第十六届国际HI-ENDHI-FI音响展》2cd[WAV]
- 中国音乐地图之听见西藏山歌牧歌酒歌2020[WAV分轨]
- 王宏伟2017-永远的红飘带[太平洋影音][WAV+CUE]
- 费翔.1997-NOW现在【第一中国】【WAV+CUE】
- 新格合唱团.1981-我唱你和2辑(滚石新格民歌系列)【新格】【WAV+CUE】
- 陈柏宇.2011-QUINQUENNIUM【SONY】【WAV+CUE】
- 雨果唱片-《金唛系列-蔷薇依韵琼瑶》WAV
- 陈百强《凝望(2012华纳LPCD45限量版)[DMI]》[WAV整轨]
- 模拟之声慢刻CD《徐小凤45周年》[德国母带][低速原抓WAV+CUE]
- 《庄心妍 实力唱将 发烧音乐精选集》[WAV+CUE][380MB]
- 《王菲 单曲合集》[FlAC/分轨][520MB]
- 《费玉清 原味再现 水长流》[WAV+CUE][430MB]
- 群星.1992-畅销榜老歌金曲10CD【风格】【WAV+CUE】
- 孙悦.2024-时光音乐会【金蜂】【WAV+CUE】