成都给公司建网站 为您的应用构建具有视觉吸引力和高转化率的着陆页非常重要...
这个独立页面可能是整个业务或构想成功与失败之间的区别。
由于启动应用需要大量的时间和金钱,因此此目标网页(又称启动页面)的执行方式会承受很大压力。
在本文中,我们将在线展示最迷人的着陆页示例,并逐步引导您完成自己的构建过程。
注意:目标网页样式多种多样。一些登陆页面只需要一种形式和一些社会证明,因为广告将访问者吸引到该页面提供了足够的上下文。其他页面需要更多信息,尤其是对于复杂产品。在下面的更多内容。
应用着陆页示例
万尼多
为什么这是一个很棒的目标网页:
简单,直接的消息传递(无绒毛)
离散导航,使用户专注于内容
在首屏上方,集中号召性用语
产品(iPhone)的一半显示在折叠上方,这鼓励滚动
左右对齐功能交替变化,保持用户参与度
我们认为他们可以做的事情可以改善页面:
在报价中添加姓氏和照片以提高信誉
重复页面底部的主要号召性用语(从应用商店下载)
Tapcart
为什么这是一个很棒的目标网页:
令人惊叹的图像,动画和效果
多个自动播放的视频展示了应用程序的实际运行
简单,结构化的部分使此页面易于理解
多个清晰的号召性用语
我们认为他们可以做的事情可以改善页面:
尽可能简单地重写副本-“定制”之类的技术用语可能会使许多访客感到困惑
起搏器
为什么这是一个很棒的目标网页:
色彩鲜艳的美丽品牌吸引了用户的注意
执行良好的产品视频展示了应用程序功能
简短页面,可指导您选择不同的产品
奖项部分传达产品信誉(例如:Apple Design Awards 2015)
我们认为他们可以做的事情可以改善页面:
将号召性用语移动到首屏上方,以避免滚动
展示一些示例组合以激发潜在用户
提及该应用程序是免费的!
Google Duo
为什么这是一个很棒的目标网页:
您绝对不能错过的超大字体和产品图片
令人振奋的强大消息传递
积极而引人注目的用户参与度示例
精美的自动播放视频,展示了现场演示
我们认为他们可以做的事情可以改善页面:
在整个页面中添加号召性用语
再次提及该产品是免费的
使用较老的演员来传达产品是用户友好的
威斯蒂亚
为什么这是一个很棒的目标网页:
没有导航就不会分心
重点关注消息传递和转换
滚动使您进入常见问题解答部分以进行异议处理
我们认为他们可以做的事情可以改善页面:
添加社交注册以帮助增加转化
加强社会证明:“超过300,000个企业使用Wistia”
视力
为什么这是一个很棒的目标网页:
惊人的设计和品牌
非常清晰的号召性用语
他们要求您提供“工作”电子邮件(作为与工作相关的协作工具,这是非常有用的信息)
社会证明加倍:数百万人+大品牌
我们认为他们可以做的事情可以改善页面:
没有*
*我们想到的一切,Invision已经在测试中。在撰写本文时,此页面至少还有其他3个版本试图优化转化。(稍后会详细介绍A / B)
以下是其中一些版本:
(请注意,视频是如何添加到左下角的)
(请注意主要CTA的更改方式)
迈乐
为什么这是一个很棒的目标网页:
颜色一致性-大量使用白色,柔和的灰色和柔和的颜色
功能部分上的引人注目的悬停效果可帮助展示应用程序中的不同屏幕
简单的“工作原理”解释,通常被忽略
我们认为他们可以做的事情可以改善页面:
减少对库存图像的依赖,尤其是对客户推荐书的依赖(快速的图像搜索证明这些都是库存的)
提供社交登录或通过您的银行应用注册的选项
通过重新配置内容来提高页面速度;此页面的加载速度很慢,这可能会导致用户在查看内容之前跳出
松弛
为什么这是一个很棒的目标网页:
简化的主要优点和功能说明
英雄部分中的图像选择立即传达了移动和台式机的兼容性
大量使用图标来展示集成(比文字更易于阅读)
我们认为他们可以做的事情可以改善页面:
没有*
*我们想到的一切,Slack已经在测试。在撰写本文时,此页面至少还有其他两个版本试图优化转化。(稍后会详细介绍A / B)
以下是其中一些版本:
(用各种插图替换实际的产品照片)
成都给公司建网站 为您的应用构建具有视觉吸引力和高转化率的着陆页非常重要...
(缩短页面并添加颜色)
前台应用
为什么这是一个很棒的目标网页:
简单注册表格旁边的关键消息,其中提到免费试用
链接到G2 Crowd上的客户评论
有力的社会证明
我们认为他们可以做的事情可以改善页面:
由于此应用相当复杂,因此请增加一些产品说明的页面长度
在表单中添加电话图标以保持与其他字段的一致性
将辅助文本添加到主要居中的产品快照中,因为它似乎没有上下文,并且几乎没有指导
奇迹应用
为什么这是一个很棒的目标网页:
产品的视觉效果很好(记住一张图片值一千字)
带有固体按钮副本的创意表格字段:“免费入门”
“为什么奇迹”在导航中跳了出来。这是“功能”的有趣替代
我们认为他们可以做的事情可以改善页面:
重写副本,以减少混乱。用户必须立即知道您的工作以及为什么您比竞争对手更好
如果不是明显的列表或链接,请删除文本旁边的“”符号。这些类型的符号可能会引起误解,尤其是在突出显示时
诺斯利
为什么这是一个很棒的目标网页:
您无需注册即可体验该产品!
强大的社会证据和报价
新闻通讯的号召性用语着眼于以下好处:“注册以接收Noisli生产力黑客”
我们认为他们可以做的事情可以改善页面:
使主要号召性用语更加清晰可见,而无需滚动
包含创建帐户的提示,该提示会在约30秒后显示
保持页面最新!“ @ 2014 Noisly LTD”在2018年表现不佳
保持
为什么这是一个很棒的目标网页:
每个新内容部分的背景颜色都会发生变化,从而使阅读更加集中
带有自定义字体和插图的创意设计
页面下半部分的副本
我们认为他们可以做的事情可以改善页面:
在“英雄”部分添加更好的标题和号召性用语
附上产品说明视频,这对此类产品确实有帮助
将http://版本重定向到安全的https://版本-这是一个安全应用
国际金融贸易展览会
为什么这是一个很棒的目标网页:
超大字体,非常易于阅读
社交注册-大量使用“继续”一词代替注册
演示了用例以突出产品的好处
我们认为他们可以做的事情可以改善页面:
提高字体的响应能力-在较大的屏幕上,缩放后的字体可能会过多
添加常见问题部分或说明视频,重点介绍能够使用此应用所需的技术经验
相机+
为什么这是一个很棒的目标网页:
惊人的颜色,渐变和视觉效果
巧妙使用“工具提示”突出显示应用程序中的不同功能
使用应用程序编辑的图像示例前后的交互式
使用标题旁边的图标进行快速扫描
我们认为他们可以做的事情可以改善页面:
重新考虑“博客”标题或添加更多内容-它仅包含一个条目
使用社交证明来转换更多不确定的用户
如何建立自己的登陆页面
步骤1.收集信息
在开始构建登录页面之前,请务必问几个问题,以了解该页面的目的以及它将包含的内容是很重要的。
您在卖什么/促销什么?
首先与您的团队创建一个协作文档(例如 Google Doc),以明确突出您的独特销售主张(USP)。该文档应包含您的关键消息传递,功能和优势。页面的长度应由您的产品提供的功能数量以及产品的复杂程度来确定。
谁来查看您的目标网页?
该页面将作为您的主要网站,还是人们浏览广告后登陆的页面?例如,如果您的广告是说明性视频,则目标网页可能比仅基于文本或展示广告的目标网页短得多。
你有什么资源?(人物,视觉效果,视频,副本)
根据您企业的规模和财务资源,您可能会或可能不会接触专业摄影师,设计师,开发商,摄像师和作家。构建页面时,必须考虑这些元素。如果资源有限,最好从小处着手,逐步建立具有更多元素或复杂性的事物。
第2步:对目标网页进行线框设计或原型
无论您是自己设计页面还是依靠专业人员,第一步通常都是从白板或笔和纸开始。以这种方式设计将允许多次迭代,然后再决定将模型移至功能更强大的设计软件
在每个步骤中,与他人讨论您的想法很重要,因为建设性合作总是可以带来更好的结果。
一旦您对初始模型感到满意,大多数专业人士将 依赖于预先建立的视觉效果和副本,决定使用 Photoshop 或 Sketch创建着陆页的视觉表示。设计完成后,设计人员通常会导入InVision等工具 来创建交互式原型并收集反馈。
另一方面,非设计师以及越来越多的创意专业人员已开始通过在诸如PageCloud的网站构建平台中创建实时模型来绕过这些步骤 。
诸如PageCloud之类的平台允许用户在所有人都对设计感到满意时直接点击发布。无需再次设计页面或将其交给开发人员实施。
*注意:如果您不需要的是自定义登录页面,则网上会有大量的预制模板和设计。这可能是快速入门的好方法,但请确保与此设计相关的平台足够灵活,以使您可以轻松自定义和扩展目标页面。
步骤3.选择您的网站建设平台
如果您决定使用Photoshop和Invision之类的工具进行线框图绘制,那么现在该选择要用于构建和托管网站的平台。
这里有很多选择。例如,本文中的某些登录页面是由开发人员自定义构建的,而其他登录页面是使用WordPress,Shopify或PageCloud之类的工具构建的。
如果您正在寻找一个可供初学者,设计人员和开发人员使用的简单选项,我们建议您使用 PageCloud。这样,您可以轻松地从小规模开始,并将您的自定义登录页面扩展到功能齐全的网站。
以下是一些使用PageCloud构建引人入胜的着陆页的应用程序:
梅森基
万得
步骤4.发布并优化您的目标网页
讲完构
建网站的基础知识(包括 连接自定义域 和 优化页面上的SEO)后,就该发布目标网页了!
但是,如果您确实要确保目标网页的性能良好,那么它就不止于此了。
为了大程度地提高目标网页上的转化率,重要的是始终运行测试以查看是否可以提高性能-就像上面提到的Invision和Slack一样。
为了帮助运行这些测试,在线提供了多种工具。
在PageCloud,我们喜欢 Google Optimize, 因为它允许您运行多达5个免费实验。
这就是我们继续改善登录页面的方式,该登录页面当然是使用PageCloud构建的。
看一看:
感觉受到启发?立即构建自己的 自定义目标网页 !
名称栏目:成都给公司建网站
当前URL:/news38/184888.html
成都网站建设公司_创新互联,为您提供外贸建站、定制网站、静态网站、网站排名、域名注册、响应式网站
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联