毫无疑问,不起眼的登陆页是最强大的数字营销工具之一。捕捉线索,建立信任,并产生转换- - - - - -优秀的登陆页面在买家旅程的每个阶段都会为营销人员带来积极的结果。

但并不是每个登陆页都能带来如此积极的结果。繁忙、凌乱和难看的页面无法吸引访问者的注意力,而糟糕的文案无助于减轻他们的不感兴趣。登陆页面的平均转化率占26%,但大多数网页只捕获了10%的访问者(如果有的话)。显然,设计一个高转化率的登陆页需要的不仅仅是运气。

那么,高强度成功的秘诀是什么呢?一个优秀的页面设计。遵循设计的黄金标准有可能使转换进入超驱动状态,获得更多的线索,吸引持续的兴趣,并实现梦寐以求的26%基准。

让我们来探索创建一个伟大的登陆页面设计的步骤,包括一些成功的电子商务品牌的例子。

现在使用Shopify开始在线销售

开始免费试用

什么是登陆页设计?

任何提供产品或服务信息的在线网页都被称为登陆页。这些主页、分类页面和产品页面通常以。结尾号召行动这促使游客采取下一步行动。像“立即购买”、“了解更多”和“添加到购物车”这样的cta都相当普遍。

但登陆页面不能凭空建立——它们必须经过精心设计和精心衔接,才能引导客户进行最终的转换。这就是所谓的着陆页设计,创建美观和可访问的着陆页的过程,重点是通过内容转换。它既是一门艺术,也是一门科学,对长期成功至关重要。

为什么登陆页设计很重要?

仅仅“构建”一个登陆页面是不够的。今天的客户希望页面结合形式和功能,创造有用的,有用的,最重要的是,可导航的体验。如果你把登陆页面的这些方面都做好了,你的网站流量很可能会上升——包括转化率。

这反映在几十个统计数据中:

  • 好的登陆页设计会促使访问者继续浏览。对网站感知的研究发现94%的第一印象与设计相关。
  • 登陆页设计可以提升你的专业性。调查发现,42%的客户不太可能从不专业或杂乱无章的网站上购买。
  • 动态登陆页面可以转化更多的移动访问者。一项研究发现,手机转化率上升25.2%使用动态登陆页面。

值得注意的是,没有登陆页设计是100%有效的。然而,为自己的成功做好准备,首先要遵循一种行之有效的格式——将文本和图像结合到一份出色的演示文稿中。

如何设计登陆页

如何设计登陆页

创建一个漂亮的登录页面有几个主要的元素,包括明确的目的,响应式设计和令人愉快的布局伟大的复制。这些因素都必须协调一致,引导访问者做出最终的购买决定。

1.选择一个目标

“了解你的用户”是登陆页设计的黄金法则。毕竟,您不希望错误地设置页面并冒着牺牲后续步骤的风险。问问你自己:为什么访问者首先会搜索你的登陆页面?你怎样才能给他们想要的一切,甚至更多?

当你为你的布局设计目的时,考虑:

  • 使用什么cta,在哪里使用
  • 访问者想要的关于你产品的信息
  • 要回答的问题或要包含的常见问题

记住:目标驱动的登陆页面几乎总是比所有网页更有效。你的页面越集中,你的转化率就越高。

2.专注于设备

一个未优化的登陆页是一个死的登陆页。如果您没有专门为移动或桌面流量创建页面,那么您可能会在很大程度上减少转换。今天,86%世界上最流行的登陆页面都针对移动设备进行了优化。

思考响应式登陆页面设计的基本原则。尽你所能去创造独立的登陆页或使用插件来适应您的视觉效果基于网格的基础设施

3.构建清晰的布局

登陆页面的布局会影响用户体验。为了避免阻碍买家旅程的障碍,我们推荐以下具有逻辑进展的布局:

  1. 从标题开始。
  2. 炫耀品牌照片。
  3. 添加价值驱动的内容。
  4. 包括客户评论。
  5. 整合cta和定价。

确保登陆页面的信息层次结构符合逻辑。

4.洒在喜悦中

众所周知,顾客满意会产生积极的结果。有许多方法可以通过电子商务登陆页面来促进这种感觉:

  • 在您的图像旁边添加产品视频以获得更多的视觉环境。
  • 包括漂亮的购买盒,突出的报价和社会证明
  • 集成动态组件比如一个小测验来个性化产品。

高兴的顾客是忠诚的顾客。与更高的收入从强调客户满意度的角度来看,登陆页面的愉悦感太有利可图了,不容忽视。

5.写好内容

一遍又一遍地写相同的、基本的blas副本是很容易的。不容易的是创建有价值的段落来满足网站访问者的需求。

登陆页的文案应该简短、温馨、切中要害。当你写的时候,记住:

  • 文字应该补充图像、cta和抓取条。如果他们不能推动访客前进,他们就不应该被包括在内。
  • 所有的句子都应该是价值驱动的。写下在行动中使用的产品的好处(例如,“用预先包装好的食物简化你的生活,不会给你留下内疚的空间。”
  • 使副本可扫描。尽可能将句子简化,避免过于冗长。

测试你的登陆页设计

即使是最精心设计的登陆页面也无法达到目标。客户可能不喜欢网站的布局颜色或内容,或者不喜欢过于强烈的行动号召。然而,如果没有一些实地测试,我们真的无法知道这一点。

关于60%的公司使用A/B测试从他们的登陆页面获取见解。使用扫描工具或平台来识别转化率和关键指标,然后检查页面与网站上其他页面的排列情况。有什么不对劲吗?交通是从哪里来的?

请记住,着陆页测试不仅仅是为了排除故障。事实上,大多数营销人员对他们的页面进行A/B测试只是为了尝试新事物和改进现有的设计。优化而不是完美,应该始终是目标,适当地利用A/B测试可以帮助你更快地实现这一目标。

网上有一些登陆页测试工具:

  • 整洁的A/B测试。这是一个全面的Shopify a /B测试工具,用于比较不同的视觉效果、资产、副本等。该软件根据反复试验得出的见解提出建议,使更新变得轻而易举。
  • Unbounce。人工智能软件帮助用户测量和创建各种登陆页面。请记住,这是一个相对昂贵的平台。
  • 优化。作为一些技术要求的交换,optimely衡量当前登录页面的成功或失败。请注意,这个平台更多地面向企业客户,而不是小型企业。

着陆页示例

最好的电子商务品牌使用他们的登陆页面来吸引注意力,通知买家,并提供社会证明的资源。当与好的文案、品牌图片和优秀的设计相结合时,这些页面可以加快买家做出购买决定的速度。每个登陆页面的布局可能看起来略有不同,这取决于品牌和风格,但每个页面的基本组成部分在很大程度上是相同的。

Fangamer

登陆页设计示例:fangamer

游戏服装和商品公司Fangamer平衡其品牌的明亮色彩与行动驱动的副本。所有登陆页面都提供了关于单个产品、购买选项和任何当前评论的详细信息。注意,从各个角度展示项目的多个高质量图像的存在。进一步滚动,您将看到用户生成的图像附加到相关评论。

Fangamer的登陆页面被设计得尽可能有价值。服装的所有尺寸细节都与视觉图表相关联,帮助购物者做出准确的尺寸决定。还有一个相关产品的集合,在主要项目下面分组,以帮助买家找到类似的商品。

Allbirds

全鸟着陆页

Shoewear公司Allbirds通过巧妙的极简主义和清晰标记的登陆页给人留下很好的第一印象。最好的例子之一可以在它的主页上找到,在那里,最喜欢的产品类别被分为三个主要的子组。通过点击列表,客户可以评估他们的选择并导航到各个产品页面。

在其产品登陆页, Allbirds在一个可折叠的列表中回答常见的客户问题。图片和视频内容为视觉产品提供了背景和色彩,而不会分散内容。再次强调,要注意以利益为导向的写作,它首先指出购买产品的原因,以及为什么它比任何竞争对手的产品都好。

最佳登陆页面:Allbirds

PopSockets

PopSockets专门为带或不带保护套的手机定制popgrip。强调其最新的植物性产品下降,该公司设计了一个登陆页面,其中包含了产品、潜在利益和发布细节。注意那些突出的元素:感觉良好的文字,一致的品牌声音,丰富多彩的弹出框,以及非常容易接近的设计。

登陆页复制示例

当你点击进入单个产品页面时,你会注意到PopSockets只为每个创意提供一个CTA(这让买家保持参与和兴趣)。在组织良好的页面上,“创建你自己的”按钮很容易看到,而信息丰富的文案则强调了购买背后的“原因”。页面顶部是用户评论,而不是公司行话——这是任何品牌的主要卖点。

用伟大的登陆页设计来讲述你的故事

当你开始设计下一个登陆页面时,记住每个元素都应该是整体的一部分。就像一本书的一章或一首诗的一节一样,每个元素都应该是一致的,连贯的,引人入胜的。寻找方法无缝地引导访问者浏览你的网站,并明确页面的目的和位置。

你已经拥有了一个很棒的登陆页面的基本元素——现在你只需要把它们堆叠在一起。用不了多久,你就会发布一些令人难忘的页面,让客户再次光顾。

现在使用Shopify开始在线销售

开始免费试用

想了解更多?