• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 新产品即将上线,那么预告页面要怎么设计?

新产品即将上线,那么预告页面要怎么设计?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含优秀网页设计,着陆页设计,经验分享,网页设计,预告页等相关知识,希望在学习及工作中可以帮助到您

当你的网站正在搭建中,或者你的产品正在研发中,还未正式发布,那么你需要做些什么?当然是给你的访客准备一个“Coming Soon”的预告页面,让正在关注的用户知道他可以期待什么。

无论是有待发布的新产品,还是正在准备中的新项目,一个设计得体的预告着陆页能够很好地吸引用户注意力,为即将到来的发布,做好准备。

为何要使用预告页面

一个用来预告新产品的 Coming Soon 预告页是非常实用的营销页面。对于一个新的产品和服务而言,这样一个预告页可以作为新产品动态消息的展示平台,也可以作为营销活动的推广页面,就目前来看,它在即将发布的APP和数字产品当中,是非常受欢迎。

想要判断一个预告页当中的内容是否对你即将发布的产品有帮助,可以参考下面的几条规则:

  • 在网站完全搭建起来之前,就要未雨绸缪,理清产品从研发、预告、发布和更新的整个时间线
  • 建立关键词体系,搜索相关的产品和品牌,准备SEO和广告投放
  • 你需要开始搜集信息,并且建立信息推送的渠道,搜集客户邮箱,或者建立邮件订阅服务
  • 通过社交网络等路径吸引用户关注产品预告

提升转化率的技巧

当然,你不会希望你的预告页面仅仅只是漂亮的图片和简单的文字宣传而已。只有将访客转化为参与者,才能最大程度地发挥预告页的功能。

那些设计优秀的预告页通常都不会太复杂,并且会包含一项能让用户参与的任务。不要尝试在预告页中包含太多的内容,或者单纯只有一支预告片。

当然,你的预告页面要和你的品牌保持高度的一致,色彩、字体、图片均是如此。

在设计预告页面的时候,通常需要将计时器类元素加入到其中,让用户知道产品最终是何时发布。倒计时工具和预订链接可以帮助你将目标用户和潜在用户吸引过来,引导流量,通过预订和邮件订阅的方式,将网站访客真正转化为有价值的潜在用户,让这个预告页真正落地。当然,如果加上了倒计时器的话,你得尽量确保产品会按时发布。

产品预告页的设计必然是和整个品牌的设计保持着高度的一致。因为预告页是未来产品的介绍页,它通常是以单页的形式呈现,不需要多页面,当产品正式发布之后,再用更多的页面来对产品和服务进行介绍即可。

你得让用户明白,被设计出来的这个预告页有什么功能。最常见的功能是用来订阅新产品发布信息的邮件订阅表单和注册表单。比较合理的策略是尽量在一个表单当中搞定——一个邮件订阅输入框即可——然后还可以搭配一些预订折扣。这样的特别优惠会吸引用户订阅甚至预订产品。

在预告页里面加入产品和品牌LOGO,搭配简短的描述就可以。有的时候,新的产品会搭配新的品牌或者子品牌对外输出,用户起码需要知道新产品的大概信息,才能被勾起兴趣,这样才能构成转化。

在预告页上线之前,你最好清楚地知道你的设计目标。这个页面的存在,是希望用户执行哪些操作,了解哪些信息,达成什么样的目标?想清楚这些,将无关的非重要内容剔除掉,保留关键信息,然后发布。

预告页面需要存在多久?

其实,从设计预告页到产品发布,并不存在什么神奇的时间表。这始终是取决于网站的内容,功能以及产品发布和销售的策略。没有一个预告页应该是永久存在的,它始终都是为新产品发布而准备的页面。

通过目前对于各个不同产品的预告页的观察,我们发现,通常这些页面会存在1~2个月,某些品牌的大型产品或者项目,预告页面存在的时间会更长一些。

值得注意的是,用户并没有多次访问预告页的实际需求,绝大多数用户只需要大概知道有这么一回事,了解产品什么时候正式发布即可。除非预告页面本身并不是静态的,而是随着发布日的到来而逐步推出更多的内容、活动或者优惠,促使用户再次访问,保持信息的持续输出,而不是让用户在等待中遗忘。

预告页面实例

下面推荐一些已有的预告页面的设计案例,有的时候你并不需要从0开始设计,看看别人都是怎么做的吧。

Bientot

Cm’soon

Ley

Langtang

Mountain

Ticker

Moet

Code

Sven

Phly

【不容错过的设计实战】

  1. 《富有未来感的柏林之夜APP,是这样设计出来的》
  2. 《设计实战!城市指南网站着陆页是这样设计出来的》
  3. 《这款给医生的专业APP,设计上有着怎样不同的要求?》
  4. 《帮你策划盛大婚礼的APP,设计思路是这样的》
  5. 《这款面向大众的理财APP,设计过程是这样的》
  6. 《一款真正让人专注的效率应用,应该这么设计》

原文地址:designshack
原文作者:CARRIE COUSINS
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 弹出框里的设计门道,你是否都知道?
  • 遵循这7个原则,能让你的网页用户体验更优秀
  • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?
  • 这3个适用性极强的网页设计趋势,在4月非常流行
  • 怎样设计,才能抓住用户稍纵即逝的注意力
  • 吃透这10个网站,你就明白了网页中留白的技巧
  • 设计出优秀的网站着陆页,这10个技巧能帮到你
  • 换了很多家公司还是在打杂,问题究竟出在哪里?
  • 也许你该注意一下影响网页设计的这5个关键指标
  • 这5个丑出新高度的网站,为什么那么多人夸

相关文章

  • 2017-08-06网页设计中的表单设计技巧小结
  • 2018-08-23学会双重影像这3个玩法,让你的设计更有冲击力!
  • 2018-08-23小小的「置灰」功能背后,有这么多的细节知识!
  • 2018-08-23交互设计师如何突破职业瓶颈?网易高手给你3个选择!
  • 2018-08-23从零开始设计APP!快速提升引导页格调的设计方法总结
  • 2018-08-23作为8年Dribbble粉,和设计师聊聊未来的视觉趋势
  • 2017-08-06关于Web前端神器 Sublime Text 2 的介绍
  • 2018-08-23那些让你无法自拔的游戏们是怎么做出来的?专访网易游戏设计总监邵堃
  • 2018-08-23这个网站用AI 帮你做LOGO,还可以免费下载!
  • 2018-08-23为什么做版式设计你总是没有思路?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 平面基础小课堂!聊聊排版中的版面率和留白率
    • 网页色彩对比与调和技巧分享
    • 内部教程!超详细的支付宝设计规范之版式篇
    • 从「手势交互」出发,分析产品设计背后的原理
    • tinyMCE使用方法与心得详解
    • 超全面总结!黄金分割在界面设计中的应用
    • 手机浏览器Viewport 参数(web前端设计)
    • 新手科普文!每个设计师都该懂的栅格系统基础六要素
    • em是何物 em与px的介绍及换算方法
    • 个性化创意鲜明的网站设计实例(30个)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有