|
制作产品的详情页不是一个单纯的扔给美工就OK的活儿，在这之前，你需要详细的规划这个东西应该怎么去做，做成什么样的一个感觉。这就好比是你在弄一个展会，展会之前你必须要有一个完成的活动方案出来一样的道理。 所以这次分享的是，如何构建一个详情页的基本框架结构（详情页制作方案计划***案） 所谓详情页的框架结构，即1，逻辑框架结构；2，视觉框架结构；3，平台模式框架结构 1，逻辑框架结构 所谓逻辑框架结构其实就是很简单的道理，这东西是什么，有什么用，客户为什么买。我们在制作详情的时候都会考虑用一种推销的方式想客户介绍我们的产品，有理性推销的，有暴力推销的，有肯蒙拐骗威逼利诱的，种种方式都可以。当然，这里我们说的不是包含客服的推销，单纯的只是从静态详情页里向客户阐述清楚我们需要销售的产品。总的来说，逻辑框架就够就是让详情页读起来有连贯性，俗一点说就是让客户读起来“爽”。 2，视觉框架结构 视觉框架结构往往需要和逻辑框架结构相匹配，包括产品本身的一个色彩模式，搭配，材料质感等等。总的来说，视觉框架结构要做的就是，让这个详情页在呈现在客户面前的时候，是让客户觉得看起来“爽”这个概念，视觉框架就是为了看起来“爽”做服务的。 3，平台模式框架结构 其实基于前两点来说，已经可以完成一个产品详情页的基本构架了。但是奈何现在平台服务商总是喜欢强调一个品牌调性，或者产品文化之类的东西。所以，在前两者的基础上，我们需要做到，让平台方表现出对你的这个产品“爽”的概念，这个算是为以后做铺垫。当然，如果你不打算做大，可以忽视这个。 这里，我们先开始梳理产品的基本资料。 以本次欲上新产品的案例来做说明，本次要上的产品是一款男士爽肤水，针对这款产品拿到了产品的基本成分资料。其他资料基本无。 PS：这里，我想说，其实你不要去抱怨什么厂家给你的东西不够丰富，运营方给你的东西不够完整等等借口。或者说，你是一个做分销的，抱怨厂商给你提供的东西不够多等等。你真想要做好一个详情页，必须自己去了解去执行，靠别人都不如靠自己来的实在。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 言归正传，我们继续先整理出来厂家给我们的产品成分资料。![]() 行业敏感性告诉我，可以挖掘的产品成分，然后用红色标出。 之后，我们针对欲制作的产品，进行一个市场的调研。去搜索淘宝销量较好的产品，结合产品成分，然后得到了产品的主要的功效 ①深层控油 ②清爽保湿 ③提亮肤色 ④收缩毛孔 ⑤须后护理 我们针对后面需要用到的痛点挖掘的营销方式总结出了4个男士面部常见问题。 1，过敏泛红 2，毛孔粗大 3，皮肤出油 4，肌肤老化（肌肤松弛） 综上所述，我们可以得出来一个基本的结论，就是这个产品相关的最最核心的基本成分了。概括起来说就是这款产品通过6大精选成分，实现了5个主要功效，针对男士4大面部问题。 到这里，我们基本上已经清晰的理出了产品的主要卖点。 往下，我们来详细列出页面的一个规划。 页面设计规划理念 根据产品成分，我个人构思出两个理念，同时主要突出这两个概念。产品成分中海洋类的主要核心成分有2个。针对男性这一群体，营造了一个金属的硬派概念。整体如下：
金属质感——硬派男人 更有型（男士格调定位） 贯穿海洋深蓝——海般容量 纳取极致精华（男士个性定位，产品成分定位） 针对上面的这两个概念，我们已经可以想象出，这个产品详情页，主要营造的是一种金属的硬派质感和海洋的蓝色色调。
页面设计整体侧重 光感 质感的体现 对产品拍摄要求较高 不然无法与页面效果匹配 针对视觉匹配部分提出要求，产品拍摄需要着重把握光感和质感。 下面是寻找灵感
突出运动男性的理念（主要针对男性年轻市场），表现活力 硬派的概念 ![]()
这里主要找了四张图，表现风格的，整体页面的色调规划和产品部分元素的一个规划参考。 将页面大体上定位为深蓝色调，然后制作玻璃透明感的元素搭配页面。 视觉大方向出来以后，我们可以开始理顺页面的一个框架结构 逻辑框架结构
1，硬派型男 当海纳百川 （一屏广告图，营造产品概念） 2，全球型男必备 王牌护肤——男士焕能净爽激活水 开启男士护肤新一步 ①深层控油 ②清爽保湿 ③提亮肤色 ④收缩毛孔 ⑤须后护理 （二屏广告图，营造产品定位） 由于产品是属于男性产品，所以我们需要最先说明清楚产品的主要功效，针对男士购物心理而得出结论 3，突破性配方，让你的肌肤完美无瑕 阐述产品成分。 ![]()
参考图片 到这里为止，页面结构的第一部分基本完成，整体来说这里的3个部分是一种广告式宣传概念，主要凸显你的产品主要概念，不过多详细介绍，尽量用一种能够突出视觉效果的图片吸引眼球的感觉来进行展示。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 4，痛点挖掘 ![]()
男性面部问题，参考。 （这里说明一下，我们是后起。前人给我们铺垫好的东西，我们直接拿来用，图片别原版照搬就行，借鉴借鉴，没说法。）
5，焕生丶活力丶平衡——男士爽肤水 ![]()
参考
6.产品5大功效 一举解决你的面子问题 这里结合产品成分进行一个文案的编排，大概写一下，实际页面按照实际标准另行调整，一下仅仅只做参考。
（1.清爽保湿，提高肌肤水能量： 富含芦荟提取物丶海藻提取物丶透明质酸丶三甲基甘氨酸等多种高效补水成分，开启肌肤补水通道，超凡补水，即时锁水，提升肌肤水能量 2.提亮肤色，焕发肌肤活力： 含氨基酸等多种微量元素复合物，有效补充肌肤营养，提亮肤色，同时富含野薄荷提取物，唤醒肌肤，抵抗倦容，为肌肤注入能量 3.深层控油 萃取海藻精华，有效去除多余油脂，令肌肤清爽舒爽，健康紧实。 4.收缩毛孔 燕麦麸皮提取物，燕麦紧肤蛋白被证明具有促进成纤维细胞的增值效果而能够抑制及预防皮肤衰老，有效并明显缩小毛孔，令肌肤清爽舒爽，健康紧实。 5.有效舒缓须后皮肤： 具有较好的抗氧化效果，有效舒缓剃刀带来的灼热感，是剃须后的理想选择）
7.6种成分 给肌肤保驾护航 到这里为止，基本上第二部分的页面详情就成了一个部分。 我们梳理一下顺序，基本就是痛点挖掘（提出问题）——产品有效（可以解决）——产品展示（引出产品）——产品功效——产品成分。第二部分整体以这样的一个逻辑顺序来阐述详情页。即 告诉你有问题，怎么解决，引出产品理念 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
8再次痛点
![]() 9.产品功效分述——根据成分谈功效 ![]()
10.产品测试 ![]()
到这里，第三部分完成。第三部分其实就是作为第二部分的一个补充，更加详尽的进行一个产品的补充说明。通过反复的形式想客户暗示，你有这个问题，你需要去解决，用我们的产品你可以得到解决这样一个方式。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
11客户评价展示 12，产品属性 13.质检报告 最后一部分，作为总结。这里就不多做说明了，这三部分大家都懂。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 最后做一下总觉，产品详情页设计，我这里是分成了4大部分，主要为 1，产品大概念宣传（第一步告知消费者这是什么，有什么用） 2，产品引带式宣传（你有什么问题，我的产品可以给你解决） 3，产品再次引带（你还有问题，我们为什么可以帮你解决，多次暗示的销售方法） 4，产品基本信息（有质检的装个逼） 至于后面什么品牌文化啦，还有什么快递说明等等问题，这里不多说，品牌计划的东西各有各的道。
这里，我个人觉得可能很多东西没有表达清楚，本人文笔有限，望各位大拿理解。整体的构思基本上就是这样，如果你想通了，其实这个模式可以套用到任何一个产品里面去。当然，这是我的一个思维模式，如果你有更好的见解请留言。 下一次，我会对这个详情页的一个规划进行一个页面制作的详细说明讲解。和你分享如何将详情规划变成真正的详情页。
| 
[复制链接]
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
