怎样设计好一张淘宝详情页？具体思路是什么？

时间：2024-02-14 18:00:01 | 来源：网站运营

时间：2024-02-14 18:00:01 来源：网站运营

怎样设计好一张淘宝详情页？具体思路是什么？：以下的答案内容，多来自淘宝美妆淘品牌传奇；

连续三年销量NO.1的“阿芙精油”设计总监站酷设计大神『盐乐』

与“阿芙精油”营销总监本站20万粉丝营销类目大V『波旬』

两位大牛的经验。

我只是波旬门下首徒，

在不断实践和补充后，将这份经验整理并分享给更多迷茫中的美工。

在设计水平和功力上，我可能远不如看答案的你，不过我十分确定，你应该左下角一下。

我并不是一位专业的射鸡师，确切的说，我只是曾经觉得我美工干的太差了，就花几百块买了个教学网站VIP，自学了一个多月，叫朋友指点了我很多，把美工做不好的活我自己做了。




没有一个扯淡的美工拖后腿，当年下班都早了两个小时。




美工这个岗位，在大店人多、架构全，详情页内容其实是运营来设计，文案来补齐的，与美工无关。美工只负责把运营的思路做漂亮，把文案的主次搞清楚，把页面的整体做好看，足以。

头部的大店毕竟是少数，六点下班后拿杯星巴克去健身的设计师美女在北上广经常能见到。但行业里无数的中小企业和中小电商平台还是要活的，美工也是一个庞大的群体。




如果你就职在一家公司，老板不懂营销，详情页逻辑混乱，运营不懂用户引导路径，产品没有明确的定位和卖点（也叫用户痛点），这家公司如果不是背后有资源支持，那就吃枣药丸。




你只有两条路，

• 一是拿好稳定的工资说啥干啥别想太多活的简单点，活在大多数人的舒适区里，倒闭一家换一家继续干，等退休。
• 二是换份工作快速成长，不在该奋斗的年龄在乎老板的几千薪水，敢走出舒适区拼一把成为行业大神。

所以不要在看完本文后抱怨自己的老板和运营不给力，其实是你自己，走不出舒适区。

正式开始：详情页设计过程

1. 一次性思考（不要贸然下笔）——手绘蓝图（不因操作打断思路）；
2. 补充促销噱头提转化（优化转化率）——修改文案，确定主次（优化页面引导路径）；
3. 点缀标识，提升购物欲（销售冠军皇冠、今日直降箭头等）——美工实现，优化展现；
4. 交工；

【本篇文章写于2017年，在2020年已经出现了较为成熟的详情页一键制作工具，大大提升制作效率，我更新在文章末尾了，心急的朋友可以直接翻到末尾了解一下再回来看。】

一、一次性思考（不要贸然下笔）——手绘蓝图（不因操作打断思路）；

首先上一张蓝图底板，图比较长，耐心下拉，文件链接在文章最下方。讲真，取走不点赞你真的心里过得去吗。













准备好蓝图底板，最好打印出来。

详情页的内容要一次性构思好，绝对不要想一个写一个。

你写下一个想法越多，就越容易这个想法牵着走陷入死局，阻碍你拿出更精彩的方案。

详情页内容思路：

• 确定产品的定位、主要卖点（产品解决用户哪个痛点，用户做购买决策时最看重的那一个点）；
• 详细描述你的主要卖点功效（3W公理）；

确定产品的主要卖点，是在客户的头脑里，给产品建立一个明确的定位，简单来讲，必须是第一或唯一，这是企业产品在市场营销定位中最基础的东西。

• 阿芙精油的销量第一，公牛的安全第一，热水器的某某某技术防漏电30年不坏第一且唯一，小米手机的304不锈钢500多道工序最后上手第一且唯一……

《现代营销学》和《定位》两本书都有一个非常统一的共性，原文我已经忘了。

消费者接受和储存信息，是一一对应的，最多能储存两三个。

常见的例子就是世界第一峰和世界第二峰乃至第三峰的故事，除了特别能抬杠的，正常人都只记得第一峰。

再比如去屑洗发水，海飞丝、潘婷还是其他牌子，除了特别能抬杠的，正常人也数不出三个以上。

你的产品出现在数万商品中，如果是什么都好，那就是什么都一般，相当于没有卖点，没有记忆点。




消费者一扫而过，根本记不住你哪里值得他掏腰包。




有一次我听赞伯营销的路长全老师做分享，他在给一家玉米油上市公司做策划的时候，发现玉米油市场没有一个中高档品牌，就给这个企业说，你把包装重新设计一下，然后打上一个“ 健康12道 道道真品质 “的卖点。

玉米油老总说我这个没有12道啊，路老师说你叫生产部门去凑凑就有了。

其实卖点很多都是这么来的，这个油就是现在的长寿花玉米油，你在全国大多数超市终端渠道都可以看到。







我的一位朋友是产品经理，每次他在思考卖点的时候，都在想我们如何做出差异化，每次我都告诉他：“其实卖点和用户痛点，并不一定真正需要做出差异化，很多创业公司做的差异化都把弱需求强行拔高，并把他确认为用户痛点，是差异化。这样远不如在一个产品一个痛点上做微创新，把痛点解决到极致，更容易成功。”




比如玉米油更健康这个卖点

• 普通运营/美工：健康就用，XXX油。XXX油是XX公司生产的民用高端宴会油……（下面开始介绍企业实力，生产流程）

• 懂营销的运营/美工：一年销售3亿桶，健康12道，道道真品质！（下面开始讲12道都是怎么保证健康的，销量如何大，评价如何好）

哪个有购买欲和点击欲，哪个有用，容易做出好的详情页，能被客户记住并选购。很明显的你能看出来。

美工要懂得最基础的定位，只有三点，要是老板和运营都没想好，你帮他想好：

1. 对比其他品牌，找到他们没有强调过的用户痛点解决方案。
2. 不要试图让人人都满意，有人爱便宜、有人爱健康、有人爱好吃等等，不能全部迎合，全部迎合就是没有特点，没有卖点。详情页行不行，看点击率、转化率。
3. 树立产品自己的标准，成为行业第一且唯一，宣扬与竞争者不同的地方。

确定了定位，下一步就是3W公理（why-how-what）

简单来说：

• 你对我哪点好？
• 为什么能对我这点好？
• 怎么证明你的产品确实这点好？

电商起家的小狗电器电商事业部负责人说“我们能崛起，在于我们能把用户体验放在首位”。




半年前，我去搜吸尘器，美的的吸尘器详情页大幅内容就是介绍生产工艺和产品性能、设计细节，规范古板而且无聊。




小狗的吸尘器详情页大幅内容就是介绍用户可以如何使用小狗吸尘器，如何吸沙发、地毯、墙角，如何使用小狗的多方向转头轻松吸一些拐角，最后一把吸尘器给你一个安静干净的家，描绘了消费者的梦想并一一满足。




这就是图文带给用户体验上的差异。




电商销售，详情页为王，一味论述生产工艺好、产品好、企业好，不如多讲怎么满足用户的需求，人家“美的”卖得掉是牌子大，详情页有个基础就够了，但中小品牌是不行的，学半年前的“美的”就是坑老板、坑运营。

满足用户需求，先明确什么叫需求。需求来自对美好的向往，和对现状的恐惧。

• 定位后的第一屏，提出需求，就是提出恐惧。

以阿芙精油举例子，第一屏就是顾客曾经遇到的肌肤保养问题，皮肤干，不精神，状态差等等；以吸尘器举例子，第一屏就是顾客曾经遇到的噪音大，吸力小，拐角进不去，地毯吸不干净等等；以手拉车举例子，第一屏就是拉手坏了，太笨重，不好看，容易翻等等。……

• 第二屏，提出我们的产品，为什么能满足这个需求，带来美好的生活。

我们的产品，他的原理是什么，成分是什么，萃取工艺是什么，你可以如何使用来解决你的问题，还可以如何使用带来惊喜，对比曾经你的不满意，使用了这个产品都可以一一对应解决。

• 第三屏，证明我们的产品，确实有这样的效果。

使用前后的对比照啊，好评截图啊，老师推荐，达人使用，网友测评，杂志、电视、网站的推荐，专柜和网店销量非常高复购率高，名人典故使用这种原理的产品解决了跟客户一样的问题。尽量使用简洁的饼状图、柱状图，曲线图等等来说明，不要搞一大堆字，这就不用多说了，你们都应该懂。

• 第四屏，增加专业度、可信度

注意事项，使用说明书，附带的配件，质地，其他使用小技巧等

• 第五屏，能连带销售是最好的

比如护肤品，就放保养流程；比如辅食产品，就放科学营养辅食食用流程；比如拉杆车，就放绳子和锁；比如精油，就放香薰炉使用流程加速消耗……

• 第六屏，企业的品牌故事，研发实力

最好能从侧面证明你产品的功效。

比如阿芙精油的品牌故事：已故的撒切尔夫人，在马岛战争期间，曾经连续指挥作战五天五夜，期间她为了保持头脑清醒，用光了12瓶薄荷精油。（其实这是一个杜撰的故事）




OK，到了这里，你已经超越了绝大多数美工同行的水平，起码，你是一个懂得营销的美工。

能把详情页做的详实，满足客户需求，让客户进入你的转化路径一步步被说服。




而不是像大多数电商运营的美工做详情页：瞎猜。




有一次想找个代运营公司替我操份心，找了几十个代运营公司，不愿意先提供设计咨询服务的全部pass。

有两家愿意提供设计咨询服务的就让他们给我设计一下详情页我看看水平，结果拿来的那个详情页先不说有多丑了，光是转化路径就很不明确，给我讲解思路的时候只能说“我觉得……”、“客户应该是……”、“体现我们品牌强大……”、“这放个金牌能说明服务好……“。

二、补充促销噱头提转化（优化转化率）——修改文案，确定主次（优化页面引导路径）；

三、点缀标识，提升购物欲（销售冠军皇冠、今日直降箭头等）——美工实现，优化展现；

内容确定好了，接下来优化细节。

按理说，这一块也不该美工负责，而是店长来做统一的月度和年度促销计划。

篇幅有限我就不多展开了，只说几点美工需要干的。




在你动手设计整个页面展现形式之前，定好三条线索，线索就是用户的浏览轨迹和浏览感知。

每一次设计境界的进步，都是通过这三条线索交织整合中积累的经验。

• 营销线索：最重要的线索，就是上文中设计的详情页内容；

• 故事线索：次重要的线索，就是品牌和产品文化的体现，比如手机科技类的产品会用黑色的底色、立体的产品拆解图、杂乱的几何设计稿等元素来带给用户科技感和制作流程的匠心；比如农产品会用亮色、绿树、森林、草地野果、老农民、泥土、小动物等元素来带给用户原生态大自然的感觉。

• 视觉线索：就是下文曾提升过3%转化率，降低7%跳失率的这些引导用户眼球，让用户无障碍了解所有信息，并跟从促销节奏的细节。

• 首先页头，放置一个优惠套装和特惠活动是必要的，提升引流款的流量，提高套装购买率。

• 为了突出活动商品的优惠，标价必标原价后划掉，再写活动价。

• 明确产品的定位，也就是用户痛点后，用最快的速度最短的距离让用户看到“解决方案”，降低跳失率，提升转化。

• 获奖产品（可以买奖）奖杯要够大够显眼，给半个篇幅都不过分

• 店铺优惠的部分必须简单清晰，要求任何人都能看懂。
• 赠品如果是小件，就PS直接放大两倍左右，有正品高度的一半以上，提升诱惑力。

• 文案主次区隔开，主文案写特点，副文案证明特点。

• 关联销售的产品图上标上新品的标识，会引起用户好奇，提升点击率。

• 善用图表，比如折线图，来表现今天的价格真的够低，催单效果好。

• 不要把运营给的产品数据，直接写在详情页上，你要做个简单的图表把它展示好

• 同一排不允许出现多个爆炸贴，多个重点，都优惠就是没优惠，都重点就是没重点。

• 如果产品有赠送的小样，首图和详情页中都应该包含赠品，都点明买一送几，提高转化率和点击率。

• 产品背后要放置具有美感的背景，不能直接放在白底板上。

• 能谈情怀的地方就不要让它空着，这样做会让详情页更有味道

• 尽量精简详情页的长度，将内容组合安排，如上图
• 立即抢购的标识必须醒目，这是一种心理暗示
• 如果有实体店，或者经销商有实体店，一定要突出，有加分效果
• 减价的产品背景用一个箭头，可以有效提升感知

四、交工

把做好的详情页由老板或运营看过满意后，修修改改，上架完事。

• 如果你是一个普通的美工，到这就可以下班回家了。
• 如果你是一个有理想的美工，就多关注运营那边的点击率。收藏率，转化率和直通车测款数据。
• 如果你是一个牛逼的美工，直接告诉运营老娘不改了，你就给我这么上，要是转化率不行不卖货，今晚我是你的人。
• 如果你是一个立志要成为设计总监带团队的美工，就多关注其他美工的情况，把这套心法传授给他们，恩泽别人积累影响力。
• 如果你是一个在现在岗位上，什么都做不了又不想做的美工，拿着工资下班回家睡觉追剧就好。
• 如果你是一个在现在岗位上，什么都做不了又很想做点事的美工，请准备好你的简历和作品，带上你的态度私信我。

评论一般统一回复：

1、链接：http://pan.baidu.com/s/1i5A8bGx 密码：ppgm 表格链接在这里，自行下载即可

2、本次分享所用的图片来自盐乐大神在阿芙时提出的标准，时过境迁有违反当今乃至未来广告法的词汇，请自助鉴别，不要死脑筋。而且我举例是用PC端的，无线端自觉调整尺寸去适应，应该主要把制作精力放在无线端。

3、定位是第一且唯一没必要非在文案里说出来，现在违反广告法。比如某矿物质水来自地下5000米，你标榜自己是第一深的矿物质水，可以做个水深对比表来表达。说比普通矿泉水更深2000米来切割心智，在你的维度上给消费者两个选择，一是普通矿泉水，二是更深2000米的矿泉水。

4、随着时代的发展，现在已经出现了精致模板自动生成详情页的工具，只要输入文字和修好的照片就能一键出图，美工偷懒福音…………大概是这个样子。

针对刚入行的小白或者体量大的店铺，可以用这类智能辅助工具，比如说详情页制作软件-ECPro易尚货，几分钟就可以生成一款商品详情页，还支持淘宝、京东、唯品会等跨平台一键上新。只需要在平台上传图片包，平台可以自动解析属性，生成商品的详情页，整个过程也就3-5分钟，相比之前最快1天才能完成的上新工作，工作效率提高了N多倍，现在有免费试用，有需要的可以自取。