c

大规模创建登陆页面

无论您是构建单个登录页面还是创建多个版本,Webflow都为您提供了所有需要创建的工具和控件,而不需要编写代码。

在以下方面改变设计过程:

表的内容

为什么登陆页面很重要

登陆页面可能是人们对一个品牌的第一次体验。一个带有相关信息和布局的优秀登陆页面能够决定玩家是想要进一步投入游戏还是想要离开游戏而不再返回游戏。

登陆页面在庞大的常规网站中脱颖而出。一个标准的主页显示了大量的内容,大量的页面,以及用户可以选择的各种体验路径,而一个登陆页面则被简化了。登陆页面的设计通过锁定用户应该采取的单个操作来缩小焦点。在很短的时间和空间内,它抓住了人们的注意力,引导他们采取行动。

登陆页面会奖励访问者的努力。点击数字广告或搜索引擎结果的人们不希望被引导到一个没有明确想法的笼统网站。登陆页面提供了一个直接的地图,引导人们到达它的目标。

在给网站访问者提供有用的东西的同时,品牌也得到了一些回报。

登陆页建立品牌知名度。他们是任何营销活动的重要组成部分,有助于进一步传播公司的信息,让人们知道他们是谁,他们能提供什么。无论是电子商务网站的专门产品页面、针对门控内容的压缩页欧宝体育在线首页面,还是用于获取线索的独立页面,各种类型的登陆页面都有助于品牌与受众形成更紧密的联系。

登陆页在收集联系信息方面也有重要作用。新的线索被生成,电子邮件列表被建立,公司可以直接联系到那些已经表现出兴趣的人。可以发送通讯、促销和其他营销材料,希望获得新的忠实客户。

有些营销活动可能只存在很短的一段时间。登陆页提供了进一步推广它们的空间,提供了传递重要支持信息和推动转换的专门用户体验。

Instagram帖子出售太阳镜覆盖在同一太阳镜品牌的产品页面上的网站欧宝体育在线首页

登陆页可以扩大品牌的覆盖范围

可以把登陆页面想象成一个集中式的枢纽,访问者通过不同的数字渠道到达这里。无论人们是点击了付费广告,通过有机搜索找到了自己的方式,还是关注了博客或其他内容上的链接,他们都采取了访问的行动。

这些渠道可能不同,但都具有与登陆页面相同的焦点。登陆页面代表了一个合乎逻辑的下一步,允许人们进一步探索他们感兴趣的东西,并想要了解更多。这是根据他们的特点量身定制的,给他们提供了更多关于他们已经表达过兴趣的话题的东西。

访问一个登陆页面的人已经投入了时间去发现它。品牌、内容和设计应该结合在一起,以提供用户体验,不仅让用户觉得他们拿走了有价值的东西,还能进一步吸引他们。

因为它们的构建相对简单,多个版本的登陆页面可以快速组合在一起。可以针对特定的目标用户和目标定制不同类型的登陆页面。它们可以精确控制吸引的对象和访问者下一步的行动。

营销人员喜欢登陆页面,因为它们与数字广告和其他吸引用户的内容有直接联系。但登陆页还发挥着另一个同样重要的作用:产生有机流量。

当人们输入与之相关的术语和关键词时,高质量的内容和搜索引擎优化可能会给登陆页面带来提升。在有机搜索结果中排名靠前,可见度就会更高,这一切都不需要扩大营销预算。

登录页面示例,包含注册表单和标语“你好,来自如何构建登录页面系统博客文章”

你应该包括在登陆页面

设计精良的英雄部分

英雄部分——登陆页面的顶部——是人们到达后首先看到的东西。这个开头部分应该用一个简短的空间来传达访问者选择进入这个页面的决定是正确的。文字和图像应该抓住品牌的本质和他们所提供的价值,同时引导游客采取相应的行动。

英雄形象是网页设计的核心部分。一个强大的视觉效果可以很好地告诉人们登陆页面是关于什么的,以及他们会在那里找到的产品和服务。欧宝体育在线首页它应该激励访问者跳入并开始滚动。

与这个英雄形象相辅相成的应该是一个同样有影响力的标题。这条信息应该针对目标用户,展示登陆页面上的内容如何帮助他们。现在不是用无聊和平庸的东西来烦他们的时候。给人们一个让他们兴奋的标题。在标题下面放一个子标题也是个好主意,这样可以提供更多的信息,进一步强化标题。

除了简短的文字外,还要在英雄部分的某个地方加入社会证明。这可以采取奖状、统计数据或作为客户的公司的形式。人们想知道他们可以信任一个品牌,并且该品牌有良好的声誉。

简洁的内容

登陆页面不应该被无休止的文本卷卷所阻塞。内容应该尽量少,只传达最重要的要点。一个好的登陆页面可以回答人们的问题,并提供他们可能完全没有意识到的信息。

首先,让那些偶然看到你的登陆页面的人知道你是谁。背景故事不必很长。只要传达你业务的关键点和你所销售产品的价值。

对于电子商务和与产品相关的登录页面,显欧宝体育在线首页示特定的项目并提供要点和必要的信息,以影响用户的购买决定。专注于这些产品解决的问题。欧宝体育在线首页消费者想知道产品和服务将如何使他们的生活更容易。欧宝体育在线首页

所有的内容都应该与登陆页面的目标相关联。任何偏离其更高目的的东西都应该被排除在外。只交流重要的东西。

衬衫应用程序的登陆页面有一个清晰的“开始设计”cta按钮和标语:“用你的手机在60秒内设计一件衬衫”

精确的行动号召

浏览一个标准网站的人会看到多个行动呼吁(cta),它们都服务于不同的目的。与公司主页的广泛范围不同,登陆页面只推送几个cta,在某些情况下,可能只包含一个明确的行动呼吁。

由于登陆页面上的cta较少,这些行动呼吁应该会产生更大的影响。每个行动呼吁必须与特定登陆页面的重点一致,并引导其希望实现的转换类型。不要让登录页面充斥着cta,疯狂地挥舞着,希望其中一个被点击或关注。每一件事背后都有一个意图。

避免无聊的按钮和毫无生气的行动号召。制作你的CTA的设计和副本,以服务于登陆页面的更高目的。

选择的链接数量

登陆页面上的行动号召被减少了,链接的数量也应该减少。一个登陆页面并不是一个完整的网站,没有理由将访问者导向多个页面和部分。相反,把链接保持在最低限度。行动号召和其他与登陆页面目标直接相关的元素是你应该包含的唯一链接。

在包含到主主页的链接时要小心。你不希望把人们的注意力从你已经吸引的地方转移到你无法控制他们实现目标的地方。

一个简单的布局

设计一个登陆页面意味着在有限的范围内工作。布局要有清晰的组织,每个部分都很容易识别。过度设计登陆页面只会造成混乱的用户体验。浏览过邮件的人应该能够理解所传达的信息以及下一步该做什么。

z模式是登录页面的常见布局。它促进了页面的快速滚动,引导访问者点击行动号召或联系表单。有人在登陆页面上是有原因的,想要在瞬间找到他们想要的东西。z型曲线帮助他们到达那里。

一个优秀的登陆页面会让事情变得简单,让用户能够轻松地进行导航。

在网络上释放你的创造力

不用写一行代码,就可以建立完全定制的、可生产的网站欧宝体育在线首页——或者超高保真度的原型。

Homerun登陆页面与“技术和初创公司”的标题被选择从Webflow设计UI与叠加排版设置面板

如何创建一个登陆页面与Webflow

无论您是想完成一个登陆页面还是将多个登陆页面付诸行动,Webflow都可以轻松构建登陆页面并将其发布到外界。

从头构建或从模板开始

你知道你的品牌的重点和目标受众,并且写了一份简明扼要的文案,这将告知和吸引人们进一步接触你的品牌。现在是时候整理一个好的登陆页面了,这将帮助你获得你所追求的转化率。

您可能想从空白屏幕的潜力开始,实现完全属于您自己的设计。或者,您可能更喜欢使用登陆页面模板所能提供的开头优势。无论您选择什么,Webflow都为您提供了工具来组合一个高转换的登陆页面,而不需要任何代码。从没有网页设计经验的人到那些在他们的领域中处于领先地位的人,Webflow提供了构建任何类型的网页设计所需的所有组件。

创建一个登陆页面设计系统

通过Webflow的CMS,可以组装一个登陆页面设计系统,允许您从相同的构建块创建多个版本,从而实现更快、更精简的方法。

第一步是进入Webflow的CMS并创建一个特定于登录页面的集合。在这里,您将添加所有必要的文本、图像和其他元素,它们将成为它的一部分。这些字段可能包括英雄图像、行动号召文本、产品图像和按钮等内容。欧宝体育在线首页把它看作中心框架。有了这个模板,只需更改其中包含的文本、图像和其他组件,就可以轻松生成多个版本的登录页面。

Webflow的CMS让你可以引用另一个集合。假设你创建了一个单独的功能集合。然后,您可以从这个集合中选择功能,包括在一个单独的CMS集合模板中,该模板控制web设计的布局。Webflow的CMS允许不同集合之间复杂的连接。

Homerun的“多样性和包容性指南”的工作艺术登陆页面,其中的插图选择了覆盖的动态样式设置Webflow UI

添加动态内容

虽然有些登陆页面的设计和内容会保持不变,但大多数都需要更新和编辑。随着商业战略和数字营销努力的转变,登陆页面也需要随之改变。因为它们的范围更小,所以完全改变它们并不需要太多。消息传递、CTA按钮、奖状和其他内容可以轻松刷新,以匹配企业当前的营销目标。

也许营销团队已经决定他们应该尝试瞄准不同的人群。或者,可能一家公司刚刚推出了一系列新产品,想要有一个产品页面来突出显示这些新产品。欧宝体育在线首页登录页面需要定期维护和刷新,以适应业务目标的变化。

Webflow在保持登陆页面更新方面提供了足够的灵活性。

有了Webflow的CMS,你不再需要进入并手动编辑静态内容,你所需要的只是进入一个集合并进行更改。任何链接到CMS集合的设计组件都会自动反映出这个变化,无论它在网站的哪个位置。

表达你的品牌

即使登陆页面作为一个独立的分支存在于一个公司的网站上,它仍然应该与它的其他品牌和营销材料保持一致。一个品牌的配色方案、排版、标志、品牌声音和其他风格指南都应该到位。一个登陆页面应该看起来和感觉上像公司的其他网页设计。

通过Webflow直观的界面,样式元素、改变外观和合并您自己的品牌都很简单。你不需要硬编码任何CSS样式。您可以通过Webflow的简单CSS控制面板进行所有样式更改。

即使使用登陆页面模板,也可以通过添加自己的内容和更改CSS样式使其成为自己的模板。

人力资源列表页面与SEO设置Webflow编辑器UI在顶部

优化页面速度和SEO设置

登陆页面的访问者已经花了一些时间到达那里。在最短的时间内为访问者提供他们一直在搜索的内容,以奖励他们的努力。快速的登录页面会带来更愉快的用户体验。

快速的加载时间还有另一个好处:有机的搜索排名。快速加载时间降低了玩家反弹的可能性。谷歌在对页面进行排名时考虑了反弹率,反弹率越高的页面排名可能越高。

当然,别忘了优化搜索引擎的登陆页面。

有机搜索有助于提高流量。确保内容回答了人们在寻找的问题。包括与他们想要的信息相关的单词和短语。

网页的结构和组织也会影响到SEO这个神奇的公式。具有清晰逻辑的网站,以及准确反映每个部分内容的url,可以帮助网络爬虫弄清一个网站是关于什么的。

确保在使用标题和其他标记时遵循SEO最佳实践。写一个简洁和信息丰富的元描述,抓住你的页面的本质。最重要的是,用重要的相关内容填充它。

整合分析和跟踪

登陆页面通过付费广告、有机搜索和网页上的内容带来流量,了解人们如何找到它是至关重要的。如果你没有吸引到合适的用户,你就需要改变潜在的营销策略,这样你才能吸引到合适的流量。

谷歌Analytics是获取用户访问登录页面、访问方式以及跟踪转化率等指标的首选平台。

谷歌Analytics的另一个好处是能够看到人们在每个页面上花了多少时间,确定他们点击了什么,并跟踪转换。它提供了大量的硬数据,以便做出需要更改的决策,如重组内容或创建不同的行动呼吁。如果没有分析,我们就很难看到网站上线后的运行情况,以及需要做哪些调整才能获得更好的用户体验。


花瓣登陆页面Webflow设计器发布设置面板在顶部

发布到网上

使用Webflow创建一个网站很简单。在编辑器或设计器屏幕上,只需单击蓝色的发布按钮。无论你是发布到你自己的自定义域名还是Webflow的,你的网站都会在瞬间上线。你所做的任何编辑或更改也会在你点击发布按钮后立即生效。


迭代

迭代采用了登陆页面的基本概念,并将其转化为许多具有细微变化的不同版本。迭代和A/B测试结合在一起,生成重要的分析来显示人们喜欢什么样的网站版本。

通过迭代,你不会为每个登陆页面创建一个全新的版本。相反,您正在重复相同的框架,只进行了单个更改。迭代可能涉及调整行动呼吁的措辞,更改联系表单的位置,甚至移动单个CTA按钮的位置。将迭代想象成一个科学实验,在这个实验中,您观察单个变量的改变如何影响人们与它的交互。

增长你的听众

无论人们是点击了博客中的链接,观看了YouTube上的视频指向它,还是通过付费广告找到它,登陆页都有助于进一步传播品牌的信息和价值。

拥有一个出色的公司网页有助于品牌的在线营销努力。登陆页与主网页相结合,帮助品牌撒下更大的网,吸引更多的访问者。

Webflow上的词

亚历克斯Kracov
Lattice的市场营销副总裁

更新我们的旧的定制网站既慢又贵,需要这么多的开发人员来来回回。现在我们把开发者完全排除在更新网站的过程之外,我们可以很快推出看起来很棒的新页面。

Tiffaney福克斯昆塔纳
HelloSign市场营销副总裁

在我们使用Webflow之前,更新现有网页或添加新页面至少需要3周的时间。这种僵化的程度是不可持续的。

克里斯托弗Patota
欧宝体育在线首页产品经理,刚

作为一个产欧宝体育在线首页品团队,当用户在我们的产品和网页上移动时,我们需要360度观察用户。有了Webflow,我们不需要牺牲任何分析方面的东西——我们已经能够用定制代码模拟Webflow页面上的跟踪,就像我们在产品代码库中拥有的那样。欧宝体育在线首页

狮子座Zakour
Bons的联合创始人兼首席执行官

一旦这些模板进入我们的设计系统,营销团队就可以更快更轻松地创建简单的登录页面。

参考资料以了解更多信息

Baidu
map