高转化率的SaaS网站，四个巧妙的结构性亮点

通过研究和总结SaaS网站的优秀案例，为自己在产品设计过程中节省经验，是我做这项工作的原因和动力。在SaaS领域扎根已经三年半了，一直在做软件和后台。产品在牛X的路上一路奔跑。我目前的工作需要考虑如何表达和产生更有效的客户“转型”。本文以“优秀的表达呈现”和“有效的转换策略”为标准，总结了一些好的案例列表，共四个方面：登陆页面-第一个屏幕产品描述社会证明CTA1、登陆页面-第一个屏幕登陆页面，访问者到达第一页，点击广告或搜索引擎结果显示给访问者。有的以网站首页为登陆页，有的根据广告采用有针对性的特定页面。当然，具体情况要看公司的业务。登陆页面的第一个屏幕，100%(基本)触摸，直接映入访问者的眼帘，所以重要性不言而喻。如何在第一印象中快速回答访问者的问题是非常重要的。我翻遍了很多网站。虽然每个网站都有自己聪明的亮点，但主要有四个部分：介绍（标题） 说明）：是什么？解决了什么？优势？图片：产品外观、产品介绍、呈现效果等。客户logo：建立早期信用。CTA：注册、演示、在线沟通等，为行动提供入口。是的，以上四个部分是为了回答访问者第一次进入后产生的问题：做什么，效果如何？我需要吗？为什么要相信你？是的，哪里可以试试？当然，这不是万能钥匙。但是，在这个想法上发挥你的想法可能会更好！优秀的sleeknote模型案列，充分利用第一个屏幕，回答访问者的问题。简介：巨大的文字，简短而不可忽视，澄清产品解决的问题，回答访问者的第一反应，这是什么，能做什么？CAT：行动呼吁提供两个CTA，一个是高成本(七天免费使用)，另一个是低成本(查看演示)，让访问者选择而不是拒绝。社会证明：列出客户，证明产品价值，并通过第三方认可建立初步可信度。图片:一图胜千言，即使访问者不看右边的介绍文案，也能理解产品是什么。引导：动态图形与文本相结合，引导访问者继续浏览。通过gif动画，稿定抠图可谓一图胜千言。图片：采用左图右文的布局，以图片为主角，通过gif一目了然其功能和效果。介绍:通过数据(3秒)和左图动态演示，人们可以立即获得“快速”的核心点。反问句的标题addthis引起好奇心。介绍：反问句的方式，看到时，心不自然地给出肯定的答案，并引起强烈的好奇心。社会证明：通过数据，1500万，哇，这么厉害，看来我也可能需要。CTA：免费 快速注册，消除访问者的两大难题：成本： 麻烦。网站高度:即使窗口缩短到很短，“免费网站工具”也会在一个屏幕上，精心设计，让访问者无法停止滑下去。useprof简单明了，通过量化数据和左侧实时产品显示效果。介绍:能做什么，效果如何，以结果为导向。社会证明：客户数量 评分，没有大客户，我有好的数据。预览：实时呈现产品的各种功能效果，一秒钟就能理解。第二，产品描述可以放心，访问者通常没有耐心，对你的产品也不太熟悉。“简单粗暴，傻子懂”是设计师作为“翻译”最应该追求的目标。如果你不能很好地解释，不要指望访问者注册太多。产品描述，最好从第三方的角度询问你的同事，如新同事、客户服务、财务或其他非技术人员，他们如何理解，不要太关心设计“高、权威、不可动摇，其他人是愚蠢的X”。永远记住，你为用户服务，拥有一票否决权的上帝。但是，有以下方法可供参考：文案介绍采用结构化的方法。可采用大标题、小标题、分点说明等方式，提高访问者的获取和理解速度。在配图效果上，GIF>静态图片。同时，与产品相关性和相似性越高，图片越好。提供在线演示或视频解释。benchmark标题解释了功能(邮件营销) 优势(15分钟) 在没有太多解释的情况下，客户群(中小企业)通过强大的gif快速让访问者知道如何使用。通过步骤和分点，batch简短、清晰、高效、易于理解。sleeknote在线演示，预览效果，直观清晰。viral-loops大标题 小标题 从大致到具体，访问者可以根据情况深入了解更多的解释。三、社会证明黄婆卖瓜自夸，瓜好不好，最后还要看吃过瓜的人怎么说。社会证明是为了消除潜在客户的不确定性和不安全感。通过背书，提高产品可信度，给人可靠、成熟、牛X的印象。但是，如何提高背书的有效性，可以从以下几个角度考虑：增加相关性。每个人都会更加*自己和自己的领域，根据行业分类，呈现各行业的领先品牌，增加与潜在客户的相关性。“卧槽，牛逼，XXX也在用，注册试试。“加强诚信背书。视频>评价人的头像 文字评价>文字评价>简单的企业logo，同样的文字评价，可量化的结果(数据)>社会证明的材料是什么？总结如下：服务客户第三方权威认证可量化产品数据集成（对接第三方应用程序）经常被忽视，真实图像，这比全屏插图和C4D给人们更多的亲密和信任53KF通过详细的定量数据和列出行业代表客户，证明其在该领域的地位。zoom通过视频提高了产品的可信度：华为云通过第三方的权威认证，树立了其安全稳定的特点。batch通过量化数据反映其技术和服务能力。smartlook通过集成向访问者证明其成熟、方便、可扩展。bizmates使用了大量的真人和场景素材，而不是网上的无版权和一眼假的商业地图。当然，用心程度不会浪费，会呈现给人专业感和信任感。CTACTA是Caltoaction的缩写，中文通常称为行为召唤。CTA，简单的理解就是你想要用户执行的行为。整个网站有不同程度的CTA，成本高(如注册、电话咨询)、低成本(在线演示、在线咨询)，甚至引导访问者浏览网站的路径指示。无论如何，CTA都有点击的冲动，让访问者“觉得”是必要的。crazyegg整个页面最大的CTA是“展示我的热图”，而不是注册。我以为输入网站就能看到热图，还是太年轻了。既然跳到注册页面，沉没成本吗？不得而知，具体转化只有官方知道。第二个CTA是下面的蓝色字体。默认情况下，该网站是一个单屏幕。单击此链接，单个屏幕变成多个屏幕，并显示产品的具体功能。灵感来源于CTA按钮的文案，使用“my"，用我的语气(这篇文章第一次提到)，每个人都比较关心自己，不愿意付出太多或承担太多的责任。顺便说一句，当我来到这个网站时，我最关心的是网站分析，切中我的想法，不假思索地输入网站。perspective第一屏提供两个CTA：注册 免费课程。当用户没有决定是否注册时，进行指导。点击后弹出邀请框，回答CTA按钮和我的语气副本(本文第二次提到)。引导到新页面，近在眼前的视频内容，不注册是不是浪费了以前所有的努力？Helpscout通过提供内容获取邮箱，从而向潜在客户发送邮件广告及相关内容，促进后期转型。从众心理和对失去的恐惧促使访问者添加电子邮件。阅读文章，结束或后半段，提示访问者可以获得pdf版本，从而获得访问者的邮箱。你需要更多的流量来解决neilpatel首屏的巨大问题吗？当然(我心里直接回答)，输入你的网站进行分析！第二个屏幕，通过各种头衔和个人照片，建立权威和信任，CTA文案使用我的语气(本文第三次提到)。第三个屏幕，你想学习市场营销吗？只需4步，然后开始点击按钮详细查看。你有没有注意到，你被“设计”了，你跟随网站的引导，一步一步深入？>投入> 获得>想要更多，这可能是内容营销的魅力，首先给予互惠原则。最后，SaaS网站的设计应以“转化率”作为判断最终质量的标准。因此，我们应该从更具战略性的角度来看待、深化和量化。同时，使用其他工具来辅助决策和优化，而不仅仅是页面风格，甚至仅限于好看的层次。当然，这只是开始，因为我还在学习的路上，谢谢你的阅读。