郑州网站制作

不得不看的8大经典着陆页设计案例

发布时间:2020-06-02

着陆页设计的目的在于如何吸引用户、留住用户,提升转化率。许多网站的成功,关键体现在它们的着陆页设计。这些成功的案例无一例外都有一个共同点:它们拥有更 棒的UI/UX设计师,拥有更 吸引人的页面设计。

专业 的登录页所展现的内容不仅仅是华丽的页面视觉设计,更是提升用户体验,提升转化率的良好契机。专业 的设计师应该知道,一个正确的登陆页面设计应清楚地传达产品或服务的专业 卖点(USP),并专注于一个行动号召(CTA),例如让访问者进行注册或购买。

专业 的着陆页设计仿佛自身就具有吸引用户的魔力,潜移默化的指引用户如何获取信息,完成注册和购买。那我如何设计出属于自己的专业 的着陆页面呢? 不妨先思考几个问题:

1. 网站的目标群体是谁?

是对你产品一无所知的新访客,还是对产品已经有所了解的用户?这两个想要看到的到达页内容相对也有所不同。

2. 设定转换目标。

你希望访问者是留下电子邮件,下载App,购买商品,注册会员或阅读更多文章?

3. 准确传递服务/产品信息。

不同来源和到达页的信息一定要清楚对等,千万不要挂羊头卖狗肉,否则只会让你的跳出率飙高。用户到达着陆页的目的是为了解决疑问,他们只想找到正确的答案!

4. 是否需要响应式网页设计(RWD)?

不多说,响应式设计是解决着陆页在手机、平板、电脑等不同设备显示友好性更好 的办法。

5. 数据分析和A / B测试

没有 专业 的页面,别人的成功范例也不见得适合你,多观察数据进行优化,了解访客的停留时间,跳出率,转换率,看了什么,点击了什么...红色Button和绿色Button谁表现好?A文案还是B文案好?那就A / B Test让使用者说话。

综合以上几点,小编整理了一些个人认为特别专业 的着陆页设计的案例供大家参考学习。

1. Mailchimp

页面设计亮点:

  • 白底黑字

  • 特色logo

  • 用户定位清晰

简洁的白色背景,加粗黑色字体,吸引用户目光,突出其邮件营销的 定位。

左上角大猩猩形象的网站logo深入人心,清楚地表明这个注册页面是由MailChimp创建的。右上角并排的蓝底注册按钮和白底登陆按钮颜色反差,提高潜在用户注册率。并且,“免费注册” 一词也很可能会立即引起游客的兴趣。

简短的描述语句表明了Mailchimp自身的 地位,同时客户定位为中小型企业,拉近与个体用户的距离,从心理角度提升用户体验。

2.Landing Page - Website

页面设计亮点:

  • 产品展示鲜明

  • 业务流程清晰

这是Ramotion在Dribbble上展示的一幅着陆页设计作品。主打蓝色调背景,硕大的银行卡凸显了该网站的主要产品和服务。横向展示的业务流程清晰顺畅,用户点击各流程点便可跳转至同页面该流程的具体介绍。展现了该网站的更 主要的特征和卖点,用流畅的服务吸引用户注册办卡。

可点击的流程节点和跳转流程介绍丰富了产品的展示和呈现,尽可能的在同一页面为用户展示足够的细节,同时也降低了着陆页的跳出率。

3. Upwork

页面设计亮点:

  • 聪明的CTA按钮设计

  • 诱导性的文案设计

着陆页设计更好 的做法是将更 主要的CTA按钮放在壹 位。显然Upwork将这一点利用的很好。从他们的CTA设计,很容易看出他们的目标是吸引企业和自由职业者的注册。

从用户体验的角度来说,绿底的“Post a Job”按钮目标用户群体是企业,小字的“What type of work you need?”则是针对自由职业者群体。

他们的文案设计也十分具有导向性。他们聪明的避开了死板的“雇主:在这里注册”这样的CTA,而是使用效益驱动的语言(“让自由职业者更多地完成工作”),然后以一个行动为导向的CTA告诉潜在用户在这里“发布你的工作”。

4. Captico - Animation

页面设计亮点:

  • CTA 动画展示

  • 扁平化风格

扁平化的页面设计干净、简洁。着陆页流畅的动画展示让用户对网站的服务特色一目了然,自然平滑的过渡也是一大亮点。左侧的CTA butto与右侧动画的创意组合使得整个页面的用户体验自然而生动。活泼的动画也与网站响应式的主题相得益彰。

5. Slack

页面设计亮点:

  • 协作功能拟人化设计

  • 突出 色

  • 简单易操作的CTA按钮

固定头部的滚动风格允许在页面滚动的时候显示拥有 必要的信息,让访问者无需在页面上下移动即可接收信息。

Slack更 重要的协作功能以拟人化的形象展示给客户,多样化的协作文件展示,强化Slack 印象。专业 的着陆页设计另一个做法是呼应 色。Slack也很好的实现了这一点。明亮的 颜色与每个相应的部分互相呼应。

页面上的CTA按钮以简短直接的“Get Started”作为客户的行动指引。而仅此一个表单区域让访问者也很可能轻松的完成表单填写,从而增加注册率。

让你的新网站成交力高于老网站,无策划、不建站,帮你做定位、挖卖点、塑价值,让您的网络营销事半功倍,国内优化矩阵模式,大大降低你的网站跳出率,让空洞的口号转化成实际的营销力、传播力、成交力,想了解网站制作价格么,请电话联系我们

以上就是路普科技小编关于 不得不看的8大经典着陆页设计案例 的介绍, 如果有疑问可以咨询我们,更多资讯请多多关注我们! 网页标签:网站设计与制作
网站地址:https://www.87535353.com