高转换率的登陆页面将具有我们刚才提到的登陆页面元素。然而,学习好的登陆页面设计的最佳方法是研究示例。
我们收集了 20 个最佳着陆页,向您展示所有元素如何协同工作以促进清晰、简洁和一致的 CTA。
#1-HotJar
此登陆页面有一个引人注目的标题,可以立即向客户展示其好处。这有效地传达了 USP——HotJar 向你展示了真实的人在网站上做什么,而不仅仅是模特。
这种设计非常有效,因为它不需要滚动。 USP、优势和 CTA 均在首屏上方清晰列出,并搭配明亮、充满活力的图形,以吸引目标受众——营销人员。
#2 – Intuit 的 Mint
此着陆页上的设计元素都强烈指向 CTA——“免费注册”按钮。虽然访问者可以向下滚动页面以阅读更多内容并查看 Mint 预算工具的示例,但他们采取行动所需的一切都在首屏之上。
#3——MailChimp
虽然 MailChimp 的登陆页面比我们推荐的要长一点,但它是社会证明登陆页面的一个很好的例子。
包含客户推荐是增加您的目标网页权威性和鼓励潜在客户尝试您的产品或服务的好方法。 MailChimp 甚至使用熟悉的星级评定图像——并不是因为它需要,而是因为它能让网上购物者放心。
#4 – 收件箱洞察
Inbox Insight 提供了将定向广告与着 海外数据 陆页匹配的一个很好的例子。这则广告宣传的是免费的磁铁——他们的“B2B 营销细分的圣杯”。
登陆页面与广告的整体设计相匹配,直接将潜在客户带到他们想要的内容——可下载的文档。这很好,因为它可以让潜在客户留在页面上,因为他们可以立即找到他们点击想要获得的内容。
#5 – 钢琴家
活动是产生转化的登陆页面的绝佳机会。 CTA 很简单——在这里买票。
该登陆页面显示了活动的所有相关信息 – 日期、地点、时间。该集团清晰的图形让顾客确信他们购买的是正确的票,而色彩鲜艳的“获取票”按钮让完成销售变得容易。
6. Bose
虽然我们不建议在这个登陆页面上放置过多的文字,但它是一个品牌在工作场所变化中转向新产品的很好的例子。
登陆页面是提供引导磁铁的好地方, Bose 使用此页面提供免费的信息图,展示他们的品牌可以为混合工作空间提供什么。它将免费下载与当前热门话题配对 – 同时建立 Bose 的电子邮件列表。
7.达美航空
该登陆页面提供了英雄形象的一个很好 通过自动 whatsapp 通知最大限度地利用座席的指导时间 的例子。旅游业很大程度上依赖于鼓励顾客想象自己享受理想旅程的理想形象。
达美航空在此着陆页上使用了一个引人入胜但又令人平静的图像,并搭配了一个强调CTA的强大标题——“加入飞行里程”。
#8——橙色理论
特定地理区域的产品和服务 可以通过在其登陆页面上包含地址和联系信息而受益。这向客户表明他们正在注册正确的位置,并鼓励他们在该页面上完成销售。
Orange Theory 健身房的这个登陆页面鼓励顾客“立即预订”,并承诺在“限时”内提供 2 节免费课程——这里也使用了到期优惠策略,并搭配强大的英雄形象。
#9-Ted 演讲
有时登陆页面需要包含更具体的信息。在这种情况下,诀窍是包含所有重要信息,但不要太长而无法快速阅读。
此登陆页面设计采用中性背景设计,结合强大的标题和清晰的 CTA 按钮,以防止文本占据整个页面。简单浏览一下信息的访客就能发现,这主要是针对教育机构的活动。
#10-Shopify
此着陆页明确将其 CTA 与其优势相匹配。标题用目标受众都想要的东西来吸引他们:“控制”销售过程。
添加免费清单的视觉效果作为印刷出版物是一个不错的做法 – 它使报价看起来更加精致和权威,同时强调了行动的价值 – 这是客户免费获得的高质量信息。
#11 – 与 Google 共同成长
这是另一个基于事件的着陆页的示例,该页面用于推广 Google 提供的视频课程。
CTA 按钮位于一个不寻常的位置 – 页面的右上 业务主管 角 – 但明亮的蓝色和大多数人熟悉的谷歌配色方案有助于使其脱颖而出。主标题会立即告诉您视频的内容,而附加文字则会提供有关价值和好处的详细信息,而无需向下滚动。