毫无疑问，不起眼的登陆页面是最强大的数字营销工具之一。捕捉线索，建立信任，并产生转化- - - - - -优秀的登陆页会在购买者旅程的每个阶段为营销人员带来积极的结果。
但并不是每个登录页都能产生如此积极的结果。忙碌、凌乱、外观糟糕的页面无法吸引访问者的注意力，而糟糕的文案也无助于减轻他们的兴趣。登陆页面的平均转化率占26%，但大多数页面只吸引了10%的访问者(如果有的话)。显然，设计一个高转化率的登陆页面需要的不仅仅是运气。
那么，成功的秘诀是什么呢?一个优秀的页面设计。遵循设计的黄金标准有可能推动转化率，获得更多的线索，吸引持续的兴趣，并实现令人垂涎的26%基准。
让我们探索创建一个伟大的登录页设计的步骤，包括一些成功的电子商务品牌的例子。
什么是登录页设计?
任何提供产品或服务信息的在线网页都被称为登陆页。这些主页、类别页面和产品页面通常以行动呼吁这促使访问者采取下一步行动。像现在购买、了解更多和添加到购物车这样的cta都相当常见。
但是登陆页面不能凭空产生——它们必须经过精心的设计和精心的衔接，引导客户进行最终的转换。这就是所谓的登陆页面设计，创建漂亮且易于访问的登陆页面的过程，重点是通过内容进行转换。这既是一门艺术，也是一门科学，对长期的成功至关重要。
为什么登陆页设计很重要?
仅仅“构建”一个登录页面是不够的。今天的客户想要的是结合了形式和功能的页面，创造有用的，有用的，最重要的是可导航的体验。如果你在登陆页面的这些方面做得很好，你的网站流量很可能会上升，包括你的转化率。
这反映在数十项统计数据中:
- 好的登陆页设计会促使访问者继续浏览。关于网站感知的研究发现94%的第一印象都与设计有关。
- 登录页设计提高你的专业性。调查发现，42%的客户不太可能从不专业或外观混乱的网站购买。
- 动态登陆页面转化了更多的移动访客。一项研究发现，移动转化率上升了25.2%动态着陆页面。
值得注意的是，没有一种登陆页设计是100%有效的。然而，要想成功，首先要遵循一种行之有效的格式——将文本和图像整合到出色的演示文稿中。
如何设计一个登录页
有几个主要的元素涉及到创建一个美丽的着陆页面，包括明确的目的，响应式设计和令人愉快的布局伟大的复制．所有这些因素都必须协调一致，才能引导访问者做出最终的购买决定。
1.选择一个目标
“了解你的用户”是登陆页设计的黄金法则。毕竟，您不希望错误地配置页面，从而牺牲后续步骤。问问你自己:为什么访问者会首先搜索你的登录页面?你怎么能满足他们的一切，甚至更多?
当你为你的布局设计一个目标时，考虑:
- 使用什么cta，在哪里使用
- 访问者想要的关于你产品的信息
- 要回答的问题或faq
记住:目的导向的登陆页面几乎总是比笼统的网页更有效。你的页面越集中，你的转化率就越高。
2.专注于设备
一个未优化的登录页是一个死的登录页。如果你没有创建专门为移动或桌面流量设计的页面，你可能会在很大程度上降低转化率。今天,86％世界上最流行的登陆页面已经优化为移动。
思考响应式登陆页设计的基本原则。尽你所能去创造独立的登陆页面对于每一种，或者使用插件来调整你的视觉效果基于网格的基础设施．
3.建立一个清晰的布局
登录页面的布局会影响用户体验。为了避免阻碍买家旅程的障碍，我们建议以下具有逻辑顺序的布局:
- 从标题开始。
- 展示品牌照片。
- 添加价值驱动的内容。
- 包括客户评论。
- 整合cta和定价。
确保你的登陆页的信息层次结构有一个合乎逻辑的结论。
4.洒在喜悦中
众所周知，让客户满意会产生积极的结果。有很多方法可以通过电子商务登录页面来提升这种感觉:
满意的顾客才是忠诚的顾客。与更高的收入从对客户满意度的强调来看，登陆页面的愉悦感实在是太有利可图了，不容忽视。
5.写好内容
反复编写相同的、基本的blasé副本是很容易的。不容易的是创建有价值的段落来满足网站访问者的需求。
登录页副本应该是简短的，甜蜜的，并到重点。写作时，请记住:
- 文字应该与图像、cta和抓取条相辅相成。如果他们不能推动访问者前进，他们就不应该被包括在内。
- 所有句子都应该是价值驱动的。写下实际使用的产品的好处(例如，“用预先包装好的食物简化你的生活，不会给你留下内疚的空间。”
- 使副本可扫描。尽可能把句子变成要点，避免太啰嗦。
测试你的登陆页面设计
即使是最精心设计的登陆页也达不到目标。客户可能不喜欢所提供的布局颜色或内容，或者对过于强烈的行动呼吁望而却步。然而，如果没有一些实地测试，真的没有办法知道这一点。
关于60%的公司使用A/B测试从他们的登陆页面获取见解。使用扫描工具或平台来识别转化率和关键指标，然后检查页面与网站上其他页面的对齐情况。有什么问题吗?交通从哪里来?
请记住，登录页测试不仅仅是为了故障排除。事实上，大多数营销人员A/B测试他们的页面只是为了尝试新东西和改进现有的设计。优化而不是完美，应该始终是目标，适当的A/B测试可以帮助你更快地达到目标。
网上有一些登陆页面测试工具:
- 简洁的A/B测试．这是一个全面的Shopify a /B测试工具，用于比较不同的视觉效果，资产，副本等。该软件基于试错的洞察力提出建议，更新很快。
- Unbounce．人工智能软件帮助用户测量和创建各种登陆页面。请记住，这是一个相对昂贵的平台。
- 优化．在交换一些技术要求，优化衡量成功或失败的当前登录页面。请注意，这个平台更多地面向企业客户，而不是小型企业。
登录页示例
最好的电商品牌使用他们的登陆页面来吸引注意力，通知买家，并提供社会证明资源。当与好的文案、品牌图片和伟大的设计相结合时，这些页面可以加快买家做出购买决定的速度。每个登陆页面的布局可能看起来略有不同，这取决于品牌和风格，但每个页面的基本组成部分基本上是相同的。
Fangamer
游戏服装和商品公司Fangamer平衡其品牌的鲜艳色彩与动作驱动的拷贝。所有登陆页面都提供了个人产品、购买选项和当前评论的详细信息。请注意存在多个高质量的图像，从各个角度展示项目。进一步滚动，你会看到用户生成的图片附在相关评论上。
Fangamer的登陆页面被设计得尽可能有价值。服装的所有尺寸细节都与可视化图表相关联，帮助购物者做出准确的尺寸决定。在主要商品下面也有相关产品的集合，以帮助买家找到类似的商品。
Allbirds
Shoewear公司Allbirds通过巧妙的极简主义和明确标记的登录页给人留下良好的第一印象。最好的例子之一可以在它的主页上找到，最受欢迎的产品类别分为三个主要的子组。通过点击列表，客户可以评估他们的选择，并导航到各个产品页面。
在其产品登陆页面， Allbirds在一个可折叠的列表中回答了常见的客户问题。图片和视频内容为视觉产品提供了背景和颜色，而不会分散内容的注意力。同样，要注意那些以利益为导向的文章，这些文章指出了购买产品的原因，以及为什么它比任何竞争对手的产品都好。
PopSockets
PopSockets专门为有或没有案件的手机定制popgrip。为了强调它最近的植物性产品掉落，该公司设计了一个登陆页面，其中包含了产品、潜在好处和发布细节。关注那些突出的元素:让人感觉良好的文字，一致的品牌声音，彩色的弹出框，以及非常容易理解的设计。
当你点击进入单个产品页面时，你会发现PopSockets对每个创意只提供单一的CTA(这让买家保持参与和兴趣)。创建自己的按钮在组织良好的页面上很容易看到，而信息丰富的副本加强了购买背后的“为什么”。页面顶部是用户评论，而不是公司行话——这是任何品牌的主要卖点。
用优秀的登陆页设计来讲述你的故事
当您开始开发下一个登录页设计时，请记住每个元素都应该是更大整体的一部分。就像一本书的章节或一首诗的小节一样，每个元素都应该是一致的、连贯的和引人入胜的。寻找无缝引导访问者浏览网站的方法，并明确页面的目的和位置。
你已经拥有了一个很棒的登陆页面的基本元素，现在你只需要把它们堆叠在一起。用不了多久，你就会发布一些令人难忘的页面，让客户继续回来。
