创意个性的网站着陆页设计案例分享

集合各种各样的网站着陆页设计案例,同时页面也包含了Hero页面,优雅的字体排版和清晰的CTA设计

着陆页(Landing page)是检验网站销售转化的工具之一,它帮助用户了解产品的优惠活动,产品特点等等。今天,我们为您搜集了一系列的网站着陆页设计案例,帮助您更好的设计此类页面。同时也可以下载网站网页页模板,更快速的设计着陆页。


欣赏着陆页设计案例前,我们先了解一下为什么以及什么时候会使用着陆页(Landing page)?

最常使用着陆页的网站是电子商务和在线服务的网站。这类网站需要吸引用户购买产品或者购买特定服务,所以,为某次的活动创建专门的着陆页可以给用户提供指导。如果将所有的流量导到网站的首页,可能会导致用户体验非常糟糕,转化也不好。如果用户是从外部广告页过来的,用户被广告内容吸引过来,不能直接引导用户付费购买,在销售上是非常失败的。


但着陆页不仅仅是关于销售和购买:还有许多其他案例。它们被广泛用于展示和宣传,比如:

  • 移动应用

  • 教育资源

  • 慈善平台和活动

  • 社区

  • 活动和会议

  • 特别公告和信息。


无论如何,任何着陆页的设计过程都是从设定清晰简洁的目标开始的,并且是能够实现的目标。让我们回顾一下不同目标的例子。大多数设计概念都基于经过充分检验的方法,因此它们具有以下特点:

  • 清晰的视觉层次

  • 吸引用户注意的图片

  • 大胆且识别度高的排版

  • 简洁的标语

  • 可读性强且简洁的描述

  • 容易识别的CTA按钮


了解完着陆页,让我们开始欣赏这些创意个性的着陆页吧!


1. 照片服务的着陆页

这是一个为摄影爱好者提供照片共享服务的网站,着陆页使用了自定义设计的插画作为吸引用户的主图。


Landing page design 2.png



2. 潜水课程报名的着陆页

非常有吸引力的页面排版,清新大气的背景图一下能够抓住用户的注意力,画面的切割成多个区域层次分明,用户能够很快找到需要的内容。


Landing page design 3.png



3.提供创新的汽车清洁服务的着陆页

这是一个提供O2O汽车清洁服务的网站,这个页面主要针对那些想被招聘为清洁工并加入当地团队的用户。


Landing page design 4.png



4.邮件管理服务的着陆页

艺术化的插画与产品名称和解决方案融合在一起,帮助用户解决邮件推广问题。CTA按钮与花朵颜色一致,可以快速识别。


Landing page design 5.png



5. 语音识别技术的着陆页

这是一个带有情感的着陆页,通过超级可爱的插画,一下就能明白网站提供技术是帮助大人理解小孩子嘀哩咕噜说的话。


Landing page design 6.png



6. 销售儿童书籍的书店的订阅着陆页

这边使用了深色背景和超级大的字体,鼓励用户订阅网站内容。


Landing page design 7.png



7,行李托运服务的着陆页

协调的颜色和简洁的标语,插画所描绘的场景,很显然,这是帮助旅行者托运行李的平台。


Landing page design 8.png



8. 汽车维护app的着陆页

大部分app宣传的网页是在背景展示一个app的截图和appstore的下载链接。而这个网站却另辟蹊径,使用特别设计的插画告诉用户提供的服务。


Landing page design 9.png



9. 艺术展品的着陆页

Landing page design 10.png



10. 招聘平台的着陆页

Landing page design 11.png



11.新型的送餐服务网站着陆页


Landing page design 12.png


12. 购物送货的网站着陆页

提供本地送货服务的着陆页,时尚的配色及诱人的图片让人耳目一新。由于提供本地服务,所以CTA按钮直接让用户填手机号。


Landing page design 13.png



13.交互式地图应用的着陆页

Landing page design 14.png



14. 提高工作效率的服务平台着陆页

Landing page design 16.png


Landing page design 17.png



15. 发饰在线电商着陆页

Landing page design 18.png



16. 安全服务的着陆页

Landing page design 19.png




17. 环保社区的着陆页

Landing page design 20.png




18. 包豪斯活动策划的着陆页

这个页面很包豪斯。极简设计,极少的用色,强烈的对比。


Landing page design 21.png



19. 社交管理app的着陆页

使用一个app管理多个设计账号,插画非常生动形象。


Landing page design 22.png



20. 欧冠决赛宣传的着陆页

友谊第一,比赛第二。


Landing page design 24.png


Landing page design 23.png






每天更新,
全站高品质素材免费下载!