本文将以“优秀的表达显现”和“有效的转化策略”为标准,以着陆页-首屏、产品说明、社会证明、CTA4个方面展开讲述:如何提高 SaaS 网站转化率?
背景
通过研究和总结 SaaS 网站的优秀案例,给自己在产品设计的进程中攒经验,是我进行这样工作的缘由和动力。
在 SaaS 领域扎根 3 年半已来,1直在做软件和后台,产品在很牛 X 的路上1路狂奔,如何表达出来,并产生更加有效的客户“转化”,是我目前工作需要思考的。
本文以“优秀的表达显现”和“有效的转化策略”为标准,总结1些不错的案列,共4个方面:
- 着陆页-首屏
- 产品说明
- 社会证明
- CTA
1、着陆页-首屏
着陆页,访问者到达的第1个页面,点击广告或搜索引擎结果后显示给访问者的网页。
有些将网站首页作为着陆页,有些根据广告采取有针对性的特定页面。固然,具体情况需要根据公司的业务而定。
着陆页的首屏,100%(基本)触达,直接映入访问者眼帘,所以重要性不言而喻,如何在第1印象中快速的解答访问者产生的疑问非常重要。
我翻遍了很多网站,虽各有奇妙的亮点,但有其结构性的东西,主要有4个部份:
- 介绍(标题+说明):是甚么?解决了甚么?优势?
- 配图:产品外观、产品介绍、显现效果等等。
- 客户 logo:建立早期的信誉。
- CTA:注册、演示、在线沟通等等,提供行动的入口。
是的,以上4个部份就是为了回答,访问者首次进入后产生的疑问:
- 干啥的,效果如何?
- 是我需要吗?
- 为何相信你?
- 不错,哪里可以试试看?
固然,这不是万能钥匙。但,在此思路上发挥你的创意也许会更棒!
sleeknote
绝佳模范案列,充分利用首屏,来回答访问者的疑问。
- 介绍:硕大的文字,简短而又没法疏忽,澄清产品解决的问题,解答了访问者的第1反应,这是甚么,能干吗?
- CAT:行动的号令,提供两个 CTA,1个高本钱(7天免费使用),1个低本钱(查看演示),让访问者选择而不是谢绝。
- 社会证明:罗列客户,证明产品的价值,通过第3方背书建立初步可信度。
- 图片:1图胜千言,就算访问者不看右边的介绍文案,也能理解产品是甚么。
- 引导:动态图形结合文本,引导访问者继续阅读。
稿定抠图
通过 gif 动画,可谓1图胜千言。
- 图片:采取左图右文的布局方式,图片作为主角,通过 gif 1目了然其功能和效果。
- 介绍:通过数据(3 秒)加上左图动态演示,让人立即 get 到“快速”这个核心点。
addthis
反问句的标题,引发好奇心。
- 介绍:反问句的方式,看到的时候,内心不自然的就给出肯定的回答,并引发强烈的好奇。
- 社会证明:通过数据,1500万,哇,这么利害,看来我可能也需要。
- CTA:免费 + 快捷注册,打消访问者两大困难:本钱 + 麻烦。
- 网站高度:窗口即便缩到很矮,“免费网站工具”也会在1屏内,精心的小设计,让访问者止不住滑下去1探究竟。
useproof
通过量化的数据和左边实时的产品展现效果,简单明了。
- 介绍:能做甚么,效果如何,并以结果为导向。
- 社会证明:客户量 + 评分,没有大客户,我有不错的数据呀。
- 预览:实时显现产品的各种功能效果,1秒即懂。
2、产品说明
放心,访问者通常没甚么耐心,也没那末熟习你的产品,“简单粗鲁,傻子都懂”是设计师作为“翻译者”最应当寻求的目标。
你没法很好的解释,就别过量的期望访问者会注册尝试。
产品说明,最好用第3方的视角,多问问你的同事,如新入职同事、客服、财务或其他非技术人员,他们怎样理解,不要过于在乎设计的“高大上、权威性、不可撼动、其他人都是傻 X”。
永久记住,你服务的是用户,手握1票否决权的上帝。
不过,有以下方法,可以参考:
- 文案介绍采取结构化的方式。可采取大标题、小标题、分点说明等方式,提高访问者获得和理解的速度。
- 在配图效果上,GIF > 静态图片。同时,与产品相干、相近程度越高的图片越好。
- 提供在线演示或视频解说。
benchmark
标题解释了功能(邮件营销)+ 优势(15 分钟)+ 客户群体(中小企业),并通过强大的 gif 快速的让访问者知道如何使用,而无需过量的解释。
batch
通过步骤和分点,简短而又明确,高效而又易于理解。
sleeknote
在线演示,预览效果,直观明了。
viral-loops
大标题 + 小标题 + 更多解释,从大概到具体,访问者可根据情况,是不是深入了解。
3、社会证明
黄婆卖瓜自卖自诩,瓜好不好,终究还得看吃过瓜的人怎样说。
社会证明,就是为了消除潜伏客户内心的不肯定性,不安全感。通过背书,来增加产品可信度,给人靠谱、成熟、牛 X 的印象。
但是,如何增加背书的有效性,可以从以下角度斟酌:
- 增加相干性。每一个人都会更加关注自己和自己领域内的,依照行业分类,显现出服务过的各个行业领头品牌,增加其与潜伏客户的关联性。“卧槽,牛逼,XXX 也在用,注册试试。”
- 增强诚信背书。视频 > 评价人的头像+文字评价 > 文字评价 > 单纯的企业 logo,一样文字评价中,可量化的结果(数据) > 模糊的好评
那又有哪些社会证明的素材呢?
总结以下:
- 服务的客户
- 第3方权威认证
- 可量化的产品数据
- 集成(对接第3方利用)
- 还有1个常常被疏忽的,真人图象,这比满屏的插画和 C4D 给人更多的亲近感和信任
53KF
通过详细的量化数据和罗列各行业代表客户,证明其领域内的地位。
zoom
通过视频,增加产品其可信度:
华为云
通过第3方的权威认证,建立其安全稳定的特性。
batch
通过量化的数据,体现其技术和服务能力。
smartlook
通过集成,向访问者证明其成熟、方便、可扩大。
bizmates
使用大量的真人和场景素材,不是网上的无版权和1眼假的商务图。固然,用心程度其实不会浪费,都会显现在给人的专业和信任感上。
4、CTA
CTA 是 Call to action 的缩写,中文通常称之为行动召唤。
CTA,简单来理解就是你希望用户履行的行动。全部网站中有不同程度的 CTA ,高本钱的(如注册、电话咨询)、低本钱的(在线演示、在线咨询),乃至引导访问者阅读网站的路径唆使。
不管怎样,CTA 要让访问者“觉得”是需要的,他们才会有点击的冲动。
Crazyegg
全部页面的最大的 CTA 是“展现我的热图”,而非注册,以为输入了网址,就可以够查看到热图,还是太年轻,跳转到的既然是注册页面,沉没本钱吗?不得而知,具体的转化只有官方知道了。
第2个 CTA 是下方的蓝色字体,默许这个网站是单屏,点击该链接,单屏变成了多屏,下方显示产品的具体功能。
指的启发的是:CTA 按钮的文案,使用“my”,以我的口吻(本文第1次提到),每一个人都更关心自己并且不愿付出太多或承当太大责任。
对了,我来到这个网站,固然最关心的就是网站分析,切中我的想法,不假思索就输入了网址。
perspective
首屏提供两个 CTA :注册 + 免费课程。在用户没有决定好是不是注册时,进行引导。
点击后弹出约请框,肯定回答的 CTA 按钮及我的口吻文案(本文第2次提到)。
引导至新的页面,近在眼前的视频内容,不注册是否是就前功尽弃了?
Helpscout
通过提供内容,获得邮箱,以便向潜伏客户发送邮件广告和相干内容,促使后期的转化。
- 从众心理和惧怕失去,促使访问者添加邮箱。
- 浏览文章,结束或后半段的时候,提示访问者可以获得 pdf 版本,从而取得访问者的邮箱。
neilpatel
首屏硕大的问题,你需要更多流量吗?固然(我的内心直接回答),输入你的网址进行分析吧!
第2屏,通过各种头衔和个人照片,建立权威和信任,CTA 文案使用我的口吻(本文第3次提到)。
第3屏,想学习营销吗,简单就 4 步,然后开始点击按钮,详细查看。
有无发现,你被“设计”了,你随着网站的引导,1步步的深入 > 投入 > 取得 > 想要更多,这大概就是内容营销的魅力,先给予的互惠原则。
最后
SaaS 网站设计,应当以“转化率”作为终究好坏的评判标准。
从而,以更有策略性的角度去看待、去深入、去量化。同时,采取其他工具辅助决策和优化,而非仅仅停留在页面风格,乃至只是局限在好看的层面。
固然,这只是开始,由于我还在研究的路上,感谢你的浏览。
作者:Wing Hu