Rulumn Ipsum 是一个基于 AI 技术的 Figma 插件。产品的定位是加快网站文案的编写速度和改善设计流程。他们的落地页设计得紧凑而精炼,总共 6-8 屏就看完了。整个落地页的重点放在了功能特性的介绍上。同时采用了左侧文案、右侧展示的经典布局方式。
对于插件形态或具有简单功能的 mini Saas 类产品,都很适合用这种单刀直入的方式。因为在产品发展的早期,用户对产品还没有明确的认知。
幼年期或成长早期的产品,用这种直接介绍功能的方式能让用户在了解功能后迅速作出购买决策,从而节省双方进一步了解的时间和成本。相信我,用户会因此而更加感激你。
特性的大标题:专为设计师打造的 AI 文案工具。
特性的副标题:专注于设计,而非文案编写。
第一个功能:基于模板和组件即时生成文案。
第一个功能的介绍:编写公司描述,选择一个 Frame,然后点击“生成”,我们的 AI 将自动为你填充设计。
第二个功能:锁定你想保留的文案,AI 将完成其余部分。
第二个功能介绍:在 Figma 中锁定文本层以指示我们的 AI 不要覆盖文案,而是用它作为上下文。
第三个功能:通过 Figma 内的提示改进现有文案。
第三个功能介绍:在你的设计中选择文本层,并使用 AI 改进文案,无需离开 Figma。
这段文案的大标题、副标题和特性的文案,也非常有启发,可以总结一个特征页撰写的框架。
标题:专为 {目标用户} 打造的 {使用场景} 工具。
副标题:专注于 {核心领域},避免 {非核心领域}。
下面功能介绍,围绕着标题提出的这个愿景展开即可。
值得一提的,这个落地页在视觉上也做了小巧思,它们的产品功能是通过 AI 生成的文案,帮助设计师填充默认的占位文案。他们运用了点击转变的交互设计,通过显示使用该工具前后的文案转变,以极为直观和简洁的方式让用户立即理解产品的实际使用效果。
拿来就能用的提示词模板
4. 使用方式
第一步:将提示词模板中 全部填写完毕,然后复制到 ChatGPT 中,发送出去。
第二步:将 ChatGPT 的结果提取出来,然后结合自己的文案,注入一点人味。
第三步:发布到自己的网站上,然后根据数据情况,适当调整文案和案例详情,持续迭代。
六、用例展示怎么写?用例展示为主的落地页,一般比较适合 SaaS 类功能比较复杂的产品。功能项比较多,如果一个一个介绍,会显得落地页非常繁杂,很容易把用户赶走。所以可以尝试将各种功能项,划分到具体的使用场景,亦或者根据不通的目标用户进行划分。那是不是小产品就不适合用用例展示的方式呢?也不是,小吉将在第二个案例解析中给你答案。
1. 用例展示的撰写原则
- 写连贯,而非散乱:确保用例之间有逻辑的流程或联系,以便用户可以连贯地理解整个产品或服务的价值。
- 写实际,而非假设:用实际的成功案例或数据,来证明你的产品或服务的效果,而非依赖理论或假设。
- 写情境,而非单一功能:将用例放在一个具体的应用情境或场景中,让用户能够更容易地将其与自己的需求关联起来。
- 写个性化,而非泛泛之谈:尽量展示多元化的用例,以覆盖不同类型的目标用户或应用场景。
2. HubSpot 落地页解读:如何运用场景化策略吸引目标用户
HubSpot 是一家美国的软件公司,是一家提供全方位 CRM、营销自动化、内容管理等多元服务的软件公司。
其产品主要针对企业的营销、销售和客服服务团队。落地页作为潜在客户的第一接触点,其设计显然承载了大量的信息和策略。本文小吉将带你深入剖析 HubSpot 落地页的各个维度,以解释为什么该公司会选择以用例为主的方式设计落地页。
这种 CRM 类、营销自动化的软件,一般都有非常多的功能和应用场景。而目标客户在进落地页之前,就已经有使用场景的问题存在了,他们其实是抱着找答案的心态来的。比如比如一家中型企业的公司,拥有好多个社交媒体的账号,想找一款工具,能够帮助他们解决多账户内容运营和管理的问题。
在这种场景下,以用例为主的方式设计落地页,其实是把「参考答案」呈现在用户面前,就如同在用户的耳边说:「你遇到的这个问题,我们有标准答案,不信你看」。
另外,他们在营销的不同阶段,针对不同的场景做了非常细致的拆分。比如这个页面。
针对营销阶段售前、销售时和销售后,分别设置了市场用例、销售用例和服务用例,另外还将日常运营遇到的非常头疼的问题,即内容管理分发和数据化运营模块单独拆分出两个用例,方便不同的目标用户找到他们感兴趣的内容。
从整个落地页的篇幅分布来看,整个落地页 8 屏左右, 有 6 屏都在介绍各种用例,这也充分反映出 HubSpot 对用例的重视,以及对于场景化解决方案的核心策略。
这种对用例的重视,还体现在他们 Call to Action 上的文案——[Get a Deom],小吉尝试了一下,这个链接跳转后,会得到不同场景下的不同用户使用案例,并自动激活 14 天免费试用高级会员的资格。
HubSpot 的落地页设计展现了其对目标用户需求和使用场景的深刻理解。通过精心设计的用例、模块化内容和明确的行动引导,HubSpot 不仅让潜在用户快速了解其产品能做什么,还鼓励他们尽快进行实际体验。
对于那些功能多而全、服务场景比较复杂的产品,都可以试试 Hubspot 这种用例为王的方式。
3. Popsy 落地页策略: 全靠用例也不是不行
Popsy 是一款无代码网站构建器,该构建器具有类似于 Notion 的编辑器。用户可以轻松地创建专业网站,无需编码或设计技能。主要定位于独立创客或者人数规模不大的用户。落地页非常简单,甚至说简陋也不为过。
第一屏把标题、副标题和产品特性给介绍完了。剩下用三屏展示用例,其目的也是非常直接,就是想让用户从模板中找到一个自己喜欢的,然后迅速上手去使用 popsy。这倒是给我们提供了一个思路,它这个产品,相较于同类型的竞品,比如 bubble、webflow、framer 这样的硬核无代码构建器,可以说是会被吊打。
所以与其花大版面吹嘘自己有多厉害,不如省掉那些花里胡哨的,直接邀请用户来试试看。对于具有让用户挑选性质的产品,这种用例展示的方式可能会带来转化率的质的提升。因为用户更倾向于看到实际的应用场景,而不是空洞的营销语言。
另外说个小彩蛋,它们自己设计的一套 icon 还挺有趣的,而且这里面有非常多是跟设计创作有关的 icon,说明团队的组成成员中,有至少一位小伙伴是非常有设计情怀的,爱了爱了!
4. 拿来就能用的提示词模板
5. 使用方式
第一步:将提示词模板中 全部填写完毕,然后复制到 ChatGPT 中,发送出去。
七、信用背书怎么收集?1. 信用背书的实践原则
- 寻找影响力,而非数量:与行业领袖、知名客户或专家建立关系,获取他们的背书通常比大量无名氏的评价更具影响力。
- 求实际,而非空洞:确保你获得的信用背书是基于具体的数据、案例或体验,而不是模糊不清的赞美。
- 展示多元,而非单一:尝试从不同的角度和不同类型的人物中获取信用背书,以显示产品或服务具有广泛的应用价值。
- 更新持续,而非一次性:市场和客户需求是不断变化的,所以定期更新信用背书是必要的。
- 验证真实,而非造假:确保所有的背书都是真实可信的,即使这意味着你需要花更多的时间去获取它们。
- 清晰展示,而非混杂:背书应该容易读取和理解,避免与其他信息混杂,从而让用户更容易接受和信任。
自夸总是显得很廉价,但如果有别人夸你效果就不一样了,邀请别人使用你的产品并获得好的评价,放在页面中,会让读者更加信任你写的内容。
但很多小伙伴会疑问,你的产品没发布的话,怎么获得别人的评价,国内思路的一整个链路是,先埋头做产品,等到到时候发布在公开说我们有一个产品,再来要评价,那必然很难啊。
我们应该摒弃这种思维模式,海外的产品。从开始制作的第一天就应该学会销售自己的产品了,比如在 ????(原名:Twitter) 用 build in public 的思维方式公开你产品的整个链路。用户参与了你的整个创作过程,等到你后来发布产品的时候,是不是更愿意在 product hunt 上给你的产品点赞了呢?
正确的链路是确认了一个方向之后,通过良好的视觉展示,将你制作过程,在 ????(原名:Twitter) 或者别的社媒上发布出来,介绍你在制作过程中遇到的各种问题,介绍你的团队,以及你为什么开发这个产品,用户会更容易地与你的品牌建立联系。
当产品即将发布的时候,可以尝试提供一个免费试用或在线演示的选项,让用户可以在做决定之前体验一下产品。即使你没有很多用户,也可以尝试联系那些早期的用户,请求他们提供一些正面的反馈或评价。当然这并不容易,尤其是大家母语都不是英语的情况下,更是如此。可以尝试利用 ChatGPT 帮你组织语言。
如果你的产品在某个垂类领域比较深的话,可以尝试在正式发布之前邀请合作伙伴或行业专家使用你的产品。
跟 SEO 类似,有过权威认证的大咖给你带来的正面评价,权重值总是要比普通人高很多。
这里在 再补充一点,如果精力允许的话,可以尽早地开始通过社交媒体和邮件列表与潜在用户建立联系,以便在发布时有一个初始的、对你的产品感兴趣的人群。如果你逛了足够多的海外的网站,就会发现海外的网站上,有非常多的人都会收集用户的邮箱,邮箱就类似于国内的微信公众号,在发布、更新等重大节点上,可以尝试通过这些邮箱通知对你产品感兴趣的目标用户。
2. 拿来就可以用的行动方案
- 社交媒体预热:在 ???? 或其他社交媒体上采用 Build in Public 的方式,公开你的产品开发进度和目标,以吸引潜在的目标的用户。
- 初步接触与筛选:找出行业领袖、专家和对你产品使用满意的客户,然后进行初步接触。这一步旨在确定谁最适合为你的产品或服务进行背书。
- 收集案例与评价:请求这些筛选出的个体提供基于他们实际使用经验或场景的案例。确保评价是具体、实际的,而非模糊或空泛。
- 整合与展示:将收集到的评价或案例整理成易于阅读和理解的形式,并展示在产品网站或营销材料上。保证信息清晰、准确。
- 定期更新与跟进:随着产品的更新或服务的改进,与之前的评价人保持联系,看看他们对最新版本的更新是否有什么别的意见,同时,利用已经建立的邮件列表或社交媒体关注者,定期推送最近的更新情况。
这个 5 步骤行动计划涵盖了从开始阶段到持续优化的整个过程,希望能帮助你更有效地进行信用背书这个模块的构建。
八、CTA 怎么写?等等,在写 CTA 之前,你得先了解自己的目的。你是希望用户购买你的新产品、注册使用你的产品、订阅你的邮箱亦或者是下载你的产品呢?以下是几种常见的 CTA 的类型:
- 注册:邀请您的读者注册免费试用、未来活动、在线课程或您可能拥有的任何其他优惠。
- 加入我们:这一号召性用语非常适合那些管理在线社区或与多个用户合作创建的产品的人。
- 订阅:这是最常用的号召性用语,它邀请读者接收您的定期更新。它非常适合建立受众群体。
- 了解更多:如果您的目标网页没有您想要提供的所有信息,请使用此号召性用语。邀请访客访问更多详细信息。
- 免费试用:提供免费试用是建立信任和促进销售的绝佳方式。使用此有效的 CTA 鼓励潜在客户在购买前演示或试用您的产品。
- 开始使用:此号召性用语可以涵盖或推动多种行为,从虚拟体验到免费试用。
1. CTA 撰写原则
- 突出显示:CTA 应该在页面上位置明显,与其他元素形成对比,易于识别。
- 使用有力的动词:选择具有紧迫感和激励作用的动词,如“购买”、“立即下载”、“现在开始”。
- 限时性和稀缺性:创建一种紧迫感,让用户觉得必须立即行动。
- 适当的尺寸和颜色:CTA按钮应具有适当的尺寸和颜色,以便引起注意,但不要过于突兀。
2. 拿来就可以用的提示词模板
九、新手常见的问题1. 落地页中信息太多怎么办?
信息整合的大前提,前提一定是对信息内容做出精简。落地页的信息太多,可能会分散用户的注意力或令用户感到困惑。假设你的内容已经完成了整个内容的精简后,那可以考虑网页设计中的常见套路,这些套路可以帮助你在不让页面看起来太拥挤的情况下,呈现更多的内容。
轮播图
折叠内容
悬浮提示
选项卡
2. 不会开发怎么快速搭建落地页?
如果自己不擅长做这方面的事情,那就花点小钱,海外落地页真的有非常多可以自己设计的工具,只要能够满足自己需求的,怎么快怎么来,有代码能力的,就去 tainland 上找一些模板套一套。还可以使用Webflow 平台自己搭建。
没有代码能力但有设计能力的,可以考虑下Framer 平台,它是小吉探索过 Figma → Web 最好用的一个,没有之一。 现在你看到的这个网页,就是拿 Framer 搭建的,怎么样,效果还不错吧?如果还是嫌麻烦,直接找模板即可,WordPress、Framer、Webflow 等模板社区都有非常好的案例,直接改就可以了。
如果你经常逛海外的软件领域就会发现,他们的落地页颜值普遍都很高,但并不是所有人都是设计师,之所以颜值高,很大概率是他们会考虑买设计师设计好的模板,亦或者把落地页的设计交给更专业的人去做了。所以,既然选择了海外的市场,就应该尽可能让自己看起来全球化一点。
当然,落地页不是银弹,打铁还得自身硬。产品打磨得足够好,合适的利基市场,持续不断地市场营销策略等都是产品成败的重要环节。
3. 看别人做的很好看,自己没灵感怎么办?
寻找灵感最好的方式,就是多看别人是怎么做的。尤其是当自己没有落地页的搭建经验时,更是要多研究和参考别人已经构思好,并且上线的版本,大多都是经过验证过对转化有效果的,才会放出来。
所以多看,带着具体的问题看,收获最大。以下是小吉收集过滤后留下来比较精华的落地页集合站,点击卡片即可链接到对应网站,相信对小伙伴会有帮助。
- Saaspo:专门收集SaaS落地页的灵感,颜值非常能打,网站本身采用Framer制作,效果一级棒。
- Landingfolio:落地页集合站,优点在于针对落地页做了细致地拆分,比如你只想看设计类、或移动端的落地页等。
- Curations:其实不算落地页的集合,但小吉看这里面汇集的网页,文案和设计都非常棒,感觉小伙伴可以学到很多,就列出来了。
- Godly:收集了非常多炫酷的落地页,网站的拥有者贴心的针对每个网站的操作交互视频的方式录了下来,不用一个一个去点了。
以上就是小吉综合了几百个优秀案例总结出来的落地页手册,文章还未完结,后续会增加更多实战模块,建议收藏,以免错过!
作者:张小吉
本文由 @张小吉 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。