本文将以“优秀的呈现方式”和“有效的转化策略”为标准，从登陆页-首屏、产品描述、社交证明、CTA四个方面展开讨论：如何提高SaaS网站的转化率？
通过研究总结SaaS网站的优秀案例，为自己在产品设计的过程中积累经验，是我做这类工作的原因和动力。
扎根SaaS场已经三年半了，一直在做软件和后台工作。产品正在一路狂奔的路上。如何表达它们，产生更有效的客户“转化”，是我目前工作中需要思考的。
基于“优秀的表达与呈现”和“有效的转化策略”，本文从四个方面总结了一些好的案例：
登录页面-首屏产品描述社交证明CTA
1.登陆页——第一个登陆页，访问者到达的第一个页面，访问者点击广告或搜索引擎结果后显示给访问者的网页。
有些网站使用主页作为登陆页面，有些网站则根据广告使用特定的定向页面。当然，具体情况要看公司业务。
登陆页面的第一屏，100%(基本)感动，直接抓住了访客的眼球，重要性不言而喻。如何在第一印象中快速回答来访者的问题很重要。
我搜了很多网站。虽然各有巧妙的亮点，但都有自己的结构特点。有四个主要部分：
简介(字幕):是什么？解决什么？优势？照片：产品外观、产品介绍、演示效果等。客户标志：建立初始信用。CTA:报名、演示、在线交流等。提供了行动的入口。是的，以上四个部分只是为了回答游客第一次进入后出现的问题：
有什么效果？我需要它吗？我为什么要相信你？很好。我能在哪里尝试它？当然，这不是万能钥匙。不过，把你的创意用在这个思路上可能更好！
Sleeknote就是一个很好的例子，充分利用第一屏来回答游客的问题。
简介：巨大的文字，简短且不容忽视，阐明产品解决的问题，回答访客的第一反应。这是什么，能做什么？CAT:行动号召，提供两个CTA，一个费用高(七天免费使用)，一个费用低(查看演示)，让游客选择而不是拒绝。社交证明：列举客户，证明产品价值，通过第三方背书建立初步信誉度。图片：一张图片胜过千言万语。访客即使不看右边的介绍文案，也能明白产品是什么。引导：动态图形结合文字引导访问者继续浏览。
通过gif动画，可以说一张图胜过千言万语。
图片：采用左图右文的布局，以图片为主角，通过gif一目了然其功能和效果。导读：通过数据(3秒)加上左边的动态演示，让人立刻就能到达“快”的核心点。
这个反问句的标题引起了好奇心。
导读：反问句的方式，当你看到的时候，你会在感觉不自然的时候给予肯定的回答，会引起强烈的好奇心。社会证明：通过数据，1500万，哇，这么厉害，看来我可能也需要。CTA:免费快速注册，为来访者消除两大困扰：费用的困扰。网站高度：即使窗口很短，“免费网站工具”也会在一个屏幕里，精心的设计会让访客滑下去一探究竟。
通过左侧的量化数据和实时产品展示效果，Useproof简单明了。
简介：能做什么，效果如何，结果导向。社会证明：客户数量评分，没有大客户，我有好的数据。预览：产品各种功能效果的实时呈现，一秒就能看懂。
二。产品描述放心，访客通常没什么耐心，对你的产品也没那么熟悉。“简单粗暴，傻子都懂”是设计师作为“翻译家”最应该追求的目标。
如果你不能很好地解释，就不要指望游客注册和尝试。
产品描述，最好用第三方的视角，问问你的同事，比如新入职的，客服，财务或者其他非技术人员，他们是怎么理解的。不要太在意设计的“高大上权威不可动摇别人都是傻X”。
永远记住，你是为用户服务的，一票否决的上帝。
但是，有以下方法可供参考：
引言采用结构化的方式。你可以使用标题、副标题、逐点说明来提高访问者获取和理解的速度。在图片匹配效果上，GIF静态图片。同时，与产品的相似度越高越好。提供在线演示或视频解说。
基准标题解释功能(邮件营销)优势(15分钟)客户群体(中小企业)，通过一张功能强大的gif快速让访客知道如何使用，无需过多解释。
批量简洁明了，高效，通过步骤和点容易理解。
Sleeknote在线演示，预览效果，直观明了。
病毒循环标题和副标题有更多的解释。从一般到具体，游客可以根据情况详细了解。
第三，社会证明黄婆卖瓜自吹自擂。瓜好不好，最终还是要看吃过瓜的人怎么说。
社交证明是为了消除潜在客户的不确定性和不安全感。代言可以增加产品的可信度，给人可靠、成熟、牛x的印象。
但是，如何增加背书的有效性，可以从以下几个角度考虑：
增加相关性。大家会更加关注自己和自己的领域，按照行业分类，呈现自己服务过的各个行业的领导品牌，增加与潜在客户的关联性。“睡槽，牛逼，XXX也在用，注册试试。”增强诚信背书。视频评价者的头像文字评价文字评价简单的企业logo，在相同的文字评价中，可量化的结果(
数据） > 模糊的好评那又有哪些社会证明的素材呢？
总结如下：
服务的客户第三方权威认证可量化的产品数据集成（对接第三方应用）还有一个经常被忽略的，真人图像，这比满屏的插画和 C4D 给人更多的亲近感和信任53KF通过详细的量化数据和列举各行业代表客户，证明其领域内的地位。
zoom通过视频，增加产品其可信度：
华为云通过第三方的权威认证，树立其安全稳定的特性。
batch通过量化的数据，体现其技术和服务能力。
smartlook通过集成，向访问者证明其成熟、方便、可扩展。
bizmates使用大量的真人和场景素材，不是网上的无版权和一眼假的商务图。当然，用心程度并不会浪费，都会呈现在给人的专业和信任感上。
四、CTA
CTA 是 Call to action 的缩写，中文通常称之为行为召唤。
CTA，简单来理解就是你希望用户执行的行为。整个网站中有不同程度的 CTA ，高成本的（如注册、电话咨询）、低成本的（在线演示、在线咨询），甚至引导访问者浏览网站的路径指示。
不管怎样，CTA 要让访问者“觉得”是需要的，他们才会有点击的冲动。
Crazyegg整个页面的最大的 CTA 是“展示我的热图”，而非注册，以为输入了网址，就能够查看到热图，还是太年轻，跳转到的既然是注册页面，沉没成本吗？不得而知，具体的转化只有官方知道了。
第二个 CTA 是下方的蓝色字体，默认这个网站是单屏，点击该链接，单屏变成了多屏，下方显示产品的具体功能。
指的启发的是：CTA 按钮的文案，使用“my”，以我的口吻（本文第一次提到），每个人都更关心自己并且不愿付出太多或承担太大责任。
对了，我来到这个网站，当然最关心的就是网站分析，切中我的想法，不假思索就输入了网址。
perspective首屏提供两个 CTA ：注册 + 免费课程。在用户没有决定好是否注册时，进行引导。
点击后弹出邀请框，肯定回答的 CTA 按钮及我的口吻文案（本文第二次提到）。
引导至新的页面，近在眼前的视频内容，不注册是不是就前功尽弃了？
Helpscout通过提供内容，获取邮箱，以便向潜在客户发送邮件广告和相关内容，促使后期的转化。
从众心理和害怕失去，促使访问者添加邮箱。阅读文章，结束或者后半段的时候，提示访问者可以获取 pdf 版本，从而获得访问者的邮箱。neilpatel首屏硕大的问题，你需要更多流量吗？当然（我的内心直接回答），输入你的网址进行分析吧！
第二屏，通过各种头衔和个人照片，建立权威和信任，CTA 文案使用我的口吻（本文第三次提到）。
第三屏，想学习营销吗，简单就 4 步，然后开始点击按钮，详细查看。
有没有发现，你被“设计”了，你跟着网站的引导，一步步的深入 > 投入 > 获得 > 想要更多，这大概就是内容营销的魅力，先给予的互惠原则。
最后
SaaS 网站设计，应该以“转化率”作为最终好坏的评判标准。
从而，以更有策略性的角度去看待、去深入、去量化。同时，采用其他工具辅助决策和优化，而非仅仅停留在页面风格，甚至只是局限在好看的层面。
当然，这只是开始，因为我还在研究的路上，感谢你的阅读。
本文由 @Wing Hu 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash, 基于CC0协议。
