如何构建 SaaS 网站高转化?
编者按:本文来自微信公众号“ 产品D(ID:Int-PD),作者Wiiii,36氪经授权发布。
背景
通过研究和总结 SaaS 网站的优秀案例,给自己在产品设计的过程中攒经验,是我进行这样工作的原因和动力。
在 SaaS 领域扎根 3 年半已来,一直在做软件和后台,产品在很牛 X 的路上一路狂奔,如何表达出来,并产生更加有效的客户“转化”,是我目前工作需要思考的。
本文以“优秀的表达呈现”和“有效的转化策略”为标准,总结一些不错的案列,共四个方面:
1、着陆页-首屏
2、产品说明
3、社会证明
4、CTA
着陆页-首屏
着陆页,访问者到达的第一个页面,点击广告或者搜索引擎结果后显示给访问者的网页。
有些将网站首页作为着陆页,有些根据广告采用有针对性的特定页面,当然,具体情况需要根据公司的业务而定。
着陆页的首屏,100%(基本)触达,直接映入访问者眼帘,所以重要性不言而喻,如何在第一印象中快速的解答访问者产生的疑问非常重要。
我翻遍了很多网站,虽各有巧妙的亮点,但有其结构性的东西,主要有四个部分:
介绍(标题+说明):是什么?解决了什么?优势?
配图:产品外观、产品介绍、呈现效果等等
客户 logo:建立初期的信用
CTA:注册、演示、在线沟通等等,提供行动的入口
是的,以上四个部分就是为了回答,访问者首次进入后产生的疑问:
干啥的,效果如何
是我需要吗
为什么相信你
不错,哪里可以试试看
当然,这不是万能钥匙。但,在此思路上发挥你的创意或许会更棒!
sleeknote
绝佳模范案列,充分利用首屏,来回答访问者的疑问介绍:硕大的文字,简短而又无法忽略,澄清产品解决的问题,解答了访问者的第一反应,这是什么,能干嘛?

CAT:行动的号召,提供两个 CTA,一个高成本(七天免费使用),一个低成本(查看演示),让访问者选择而不是拒绝
社会证明:列举客户,证明产品的价值,通过第三方背书建立初步可信度
图片:一图胜千言,就算访问者不看右侧的介绍文案,也能理解产品是什么
引导:动态图形结合文本,引导访问者继续浏览
稿定抠图
通过 gif 动画,可谓一图胜千言

图片:采用左图右文的布局方式,图片作为主角,通过 gif 一目了然其功能和效果
介绍:通过数据(3秒)加上左图动态演示,让人立即 get 到“快速”这个核心点
addthis
反问句的标题,引起好奇心

介绍:反问句的标题,看到的时候,内心不自然的就给出肯定的回答,并引起强烈的好奇
社会证明:通过数据,1500万,哇,这么厉害,看来我可能也需要
CTA:免费 + 快捷注册,打消访问者两大难题:成本 + 麻烦
网站高度:窗口即使缩到很矮,“免费网站工具”也会在一屏内,精心的小设计,让访问者止不住滑下去一探究竟
useproof
通过量化的数据和左侧实时的产品展示效果,简单明了

介绍:能做什么,效果如何,并以结果为导向
社会证明:客户量 + 评分。没有大客户,我有不错的数据呀
预览:实时呈现产品的各种功能效果,一秒即懂
产品说明
放心,访问者通常没什么耐心,也没那么熟悉你的产品,“简单粗暴,傻子都懂”是设计师作为“翻译者”最应该追求的目标。
你没法很好的解释,就别过多的指望访问者会注册尝试。
产品说明,最好用第三方的视角,多问问你的同事,如新入职同事、客服、财务或其他非技术人员,他们怎么理解,不要过于在意设计的“高大上、权威性、不可撼动、其他人都是傻 X”。
永远记住,你服务的是用户,手握一票否决权的上帝。
不过,有以下方法,可以参考:
文案介绍采用结构化的方式。可采用大标题、小标题、分点说明等方式,提高访问者获取和理解的速度
在配图效果上,GIF > 静态图片。同时,与产品相关、相近程度越高的图片越好
提供在线演示或视频解说
benchmark
标题解释了功能(邮件营销)+ 优势(15 分钟)+ 客户群体(中小企业),并通过强大的 gif 快速的让访问者知道如何使用,而无需过多的解释

batch
通过步骤和分点,简短而又明确,高效而又易于理解

sleeknote
在线演示,预览效果,直观明了

viral-loops
大标题 + 小标题 + 更多解释,从大概到具体,访问者可根据情况,是否深入了解

社会证明
黄婆卖瓜自卖自夸,瓜好不好,最终还得看吃过瓜的人,怎么说。
社会证明,就是为了消除潜在客户内心的不确定性,不安全感。通过背书,来增加产品可信度,给人靠谱、成熟、牛 X 的印象。
但是,如何增加背书的有效性,可以从以下角度考虑:
版权保护: 本文由 沃派博客-沃派网 编辑,转载请保留链接: http://www.bdice.cn/html/58560.html
- 上一篇:小红书清洗KOL
- 下一篇:小米有品上架电子书:6英寸纯平/20级冷暖灯
