01 写在前面

从业以来，悠悠数载，虽然没什么成绩，但还是做了许多事情。

非常感谢各位捧场，上篇针对“优惠券”设计的经验总结文章《优惠券设计全流程复盘：从业务到需求，从需求到实现》

受到许多同学的喜欢，也有许多同学提出了很多宝贵的意见，稍后小胖将把大家的意见汇总，做个番外篇上来。

趁热打铁，正好最近又在做首页改版的事情，并且仔细一想，小胖做过的改版工作也有几次了，正好一起分析总结给大家来作为以后类似工作的参考。

回顾以往的工作，有4次首页改版是小胖认为比较重要和有价值的，分别是：酒店WEB网站首页改版、酒店WAP网站改版、电商小程序首页改版（2次）。

02 为什么要做首页改版

好了，咱们直奔主题吧！

作为产品经理，小胖认为最重要的就是多问为什么，并且能够尽量找到自己满意的答案。

那么，为什么要做首页改版？

刚工作和工作不久的产品经理可能告诉我，因为之前的首页太老旧、不好看，这都是9012年了，上世纪的色调已经不能满足21世纪的审美！

那么工作三年的产品经理们怎么看？

1. 为了公司和产品的品牌形象；
2. 为了让用户更愿意用，最终为了让用户更愿意掏出自己的钱包。

坊间怎么说？公司刚来了一个产品总监，待遇挺高，没事儿就折腾我们做首页改版，真的没有其他事情可以做了么？

当然，玩笑归玩笑，嬉闹过后咱们还是要分析一下，为什么要改版？

小胖自己总结了5个主要原因（小伙伴可以留言补充）：

1. 公司变革（大一统）

进行首页改版的第一个原因是公司经历过或者正在遭受重大变革，所以要进行改版。

比如小胖之前在做的酒店web首页改版，一个很重要的原因就是，集团刚刚完成了几轮收购，兼并了几家酒店，之前单一的几个集团下属酒店的官网，无论是从设计还是内容本身都不能够完整展示集团的实力和品牌的风格。

因此，需要对之前的老版本首页进行重新设计，使之能够统一风格。

2. 政策调整

最近在做的一次品牌首页改版则是另外的原因，去年同时间做过一次调整，但是今年业务政策发生了很大的改变，所以，之前的首页设计已经不能够满足今年的业务需求了。

简单来讲，之前是以门店的利益作为出发点来设计，而今年的设计则是更多的从使用者的角度来考虑，很大程度和比重削弱了门店的利益。

3. 升级换代

比如手Q5.0版本在2014年8月1日发布的版本，就是升级换代的杰出代表。

在当时用户量面临被兄弟公司微信蚕食的窘境之下，手机QQ 5.0版本可以说是一个非常成功的版本，以一种壮士断腕的气魄，进行了从UI到框架的全面改版。

现在回头来看，是很成功的。直至今日已经形成年轻人用QQ，工作人士用微信的心理定位。

4. 年久失修

有时候产品首页作为公司或者产品的门脸，如果年久失修也会影响公司形象，降低用户对品牌的信赖度。

所以，每隔10年左右进行一次重新“装修”也是有必要的（当然不是一定要）。

5. 老板需求

有一种需求叫做老板的需求，有一种爱叫做放手。

有时候老板对一件事情起了执念，那么作为过来人，我想告诉你一定不要想着跟老板打持久战。

想一个让老板满意，又不是那么麻烦的方案或许会让你事半功倍。

首页改版也一样。

03 首页改版到底怎么改？

二般做法：

1. 跟同类竞品比较，人家都这样做了，咱们赶紧跟上！
2. 外来的和尚好念经，瞅瞅外国网站是怎么做的，师夷长技！

作为一个产品新人当拿到作业之后，极大可能就会发生上边两种情况，虽然天下文章一大抄，但是！作为产品经理还是要多讲点套路。 也就是一般做法：

Step1：从产品和品牌定位出发

（可以参见拙作《产品经理的12堂广告课：当营销核心理论遇上产品需求》。

定位只要分中、高、低端；品牌形象主要影响用户对产品和品牌的安全感、信任感；另外，根据大家的普遍认知，高颜值一般也代表了高价格。

所以，改版的第一步是要首先定好自己产品的基调，无论是高大上的奢侈品网站，还是看起来low low的《贪玩蓝月》，适合自己的就是最好的。

Step2：从用户出发

是给普罗大众使用，还是要卖给有钱人。

是给互联网一代用户用，还是给老爸老妈用；等等。

人很容易陷入自high中，即使我们没有白居易的精神，但至少真的多为自己那一圈用户多考虑，而不是高高在上。

Step3：从场景出发

比如，是出差用？还是旅游用？是一个人用？两个人用？还是几个人用？

用多久：几个小时、几天、几周、几个月等……

移动互联网时代以来大家都很推崇“场景化营销”和“场景化设计”，就像产品经理们如同导演一样，给用户设计好剧情，然后用户就会被剧情所打动，进而进入产品经理设下的圈套。

举个例子说明一下：像魔方公寓、蛋壳公寓之前大火，就是因为作为刚毕业出来参加工作的大学生们，很难处理好跟房产中介和老房东们的关系，所以，让你领包入住、无中介费、无需跟房东打交道、又可以认识新朋友的短租公寓就出来了！

所以，你稍加注意就会发现，这类产品的地铁宣传海报大都是粉粉嫩嫩的妹子和小鲜肉以及一应俱全的一个居家配饰，“年轻”、“居家”、“温馨”这几个关键词就是这类产品首页设计的关键要素了。

Step4：不要忘了销售（但我不想说一切为了销售）

如果第1、第2、第3条比较务虚，那么第4条一定要是务实的。

无论是从评价一个产品的好坏成败，还是用来评价产品经理们自身，你做的东西最终都会有一个评价标准，或者说只有一个评价标准。 那就是 — 带来销售！

还是以例子来解释。比如当我们随便打开一个OTA产品，你第一眼看到的是什么就是产品经理们最想让你去做的事情，所谓“所见即所得”就是这个意思。

“查找/搜索”便是一般OTA产品首页最为突出的部分。具体的展现方式其实目前主流又分开两类，一类是以携程为首的网格设计（上图），另一类虽然日渐式微，但部分酒店类APP还是在坚持（上图）。

04 首页改版的一些注意事项

1. 关于数据：做好改版前和改版后的数据采集和分析对比
2. 做好A/B测试：不是每一次的改版都会成功，可以先小范围进行测试一下，如果效果不好还可以挽尊。
3. 内容团队对接及准备：因为像PC官网是需要大量设计图片素材的，一定要在项目起始就要拉上设计师合内容团队参与，保证上线前可以做好素材。
4. 权限设置和延展性：一方面针对内部员工，不同的事业部、不同的岗级、不同的部门要区分好权限；或者先圈定哪一部分人是有权限的，哪一些人是没有权限的。另一方面，针对外部系统预留一些字段，为后续的异业合作做好准备。