随着越来越多的企业重视将自己的网站,从信息展示型改版设计为营销型网站类型,这里面就涉及到营销着落页的设计和制作流程。这期七赚网七哥分享一篇来自微信公众号 叽叽喳喳运营社,原文标题小白如何建立网页?10分钟手把手教会你的文章介绍。看看关于营销型网站怎么设计?(8个营销着陆页设计制作技巧)的文章介绍。
一、营销推广网站有哪些分类?
网站的类型大致可以分为两种:
信息型网站
营销型网站(也叫做「着陆页」)
两者的主要区别在于后者具有强烈的营销性质。
信息型网站可以分为首页、分类页和文章页,主要的功能当然就是为用户提供想要获取的信息了。常见的比如新闻、文章、视频类的网站。
营销型网页有两种类型:擢取页和销售页。前者的典型例子就是用户注册页面,而后者就是成列各种产品的界面。这些具有营销性质的网页都可以称为着陆页。
广泛意义上,任何能够通过第三方平台到达的网站都可以叫做着陆页。所以说,着陆页未必是首页。而这样的网站通常会希望用户能够完成某项动作,比如注册登录、购买产品、填写表单等。
我在这篇文章里面讲的网页制作是关于着陆页设计的,而不涉及信息型的网站。因为我觉得大多数人想要学习创建网页是出于工作方面需要,这样的网页多少都具有营销性质的网站。
二、着陆页的常见的组成要素
着陆页的常见要素有8个,分别是:
价值定位
行动呼唤
产品特征
信用背书
用户评价
风险承诺
常见问题
终极呼唤
其中价值定位和行动呼唤是最重要的两个要素,需要放在着陆页的最上方的显著位置。其他的要素可以放在下方不太显著的位置。
需要注意的是,除了最重要的两大要素,其他的要素并不是必须要放在网页中的。大家可以根据自己产品的特点以及网页制作的需求来调整。
接下来,我从what/why/how这三个角度去分别介绍这些要素。
1 价值定位
价值定位对于网页就如同标题对于文章。它的作用是吸引和引导用户。同时,它应该用一种非常精炼的语言告诉用户自己的产品是做什么的,能提供什么样的价值。
你可以选择使用非常直接的大白话,比如设计网站创客贴的价值定位就是「零基础1分钟做图/做视频」。
当然,你也可以用一种比较诗意的语言,比如百度云盘「记录每一份热爱,让美好永远陪伴」。但是对于一个并不出名的网站来说,这种做法可能会让用户不知道你的网站是做什么的。这里不是特别建议。
如果你觉得一句精炼的话不足以对自己的产品进行说明,那么可以在价值定位的下方,再用比较专业的语言再次补充说明一下。
2 行动呼唤
行动呼唤就是告诉用户他们应该做什么、如何做、何时做。最常见的,就是在着陆页会有一个大大的按钮,写着「免费开通服务」「马上报名学习」「即可分享给好友」「点击购买产品」之类的话语。
行动呼唤的主要目的就是希望用户去点击那个按钮或者输入什么信息,从而达成获取新用户、得到用户信息、促使用户消费等一系列结果。
怎么样的行动呼唤是一个合格的行动呼唤?根据Google设计原则,好的行动呼唤需要具备两个特征:「大」和「具体」。
行动呼唤要大到什么程度呢?距离屏幕伸出一只手臂加上一只食指那么远,你依旧能够看清这个按钮里面的字。
怎么样让行动呼唤变得更具体?即避免单纯写「马上注册」或者「立即下载」。举个例子,如果你是做远程课程平台,可以改成「马上注册获取课程」;如果你们公司的产品是一个软件,可以改成「立即下载体验版APP」。
3 产品特征
产品特征是一两句精炼的话,来概括你产品最吸引人的,最与众不同的特点。
常用的写法是「AB文案法」,A即「Attraction」,B是「Benefit」。写出最吸引用户的点,告诉用户我的产品能带给你什么好处。
AB文案最好的例子就是苹果、小米之类的高科技产品。大家可以在它们的官网观摩学习一下。
4 信用背书
信用背书是指一些能够增强着陆页可信度的荣誉。比如说,媒体对企业/产品的报道、网红名人对于产品的推荐、企业/产品参加过的项目和获得过的奖项、企业的合作伙伴/投资机构等等。
在写信用背书的时候通常内容会比较多,要注意图文排版,格式统一。同时,也可以设置图片跳转链接,跳转至合作方的网站。
5 用户评价
用户评价能够通过以往用户在使用产品时的一些体验和感受来增加着陆页的说服性。
一个好的用户评价可以由「时间+结果+人物+感受」这四个部分组成。
我们在挑选人物的时候,要做垂直用户群体细分,寻找具有典型性的用户。如果在用户本人同意的情况下,可以放他们的照片,这样会显得更加真实可信。
同时,我们最好放上两种不同类型的评价:正面评价和反面评价。正面评价就是指用户一开始就非常看好这个产品,最后的体验结果也很好;反面评价指虽然用户一开始对于产品的期待没有很高,但是最后的体验结果却非常好,超过了自己的预期。
6 风险承诺
风险承诺就是告诉用户,企业来承担以下的风险。目的是为了让用户放心,因为风险在企业这边而不是在用户这一边。
典型的案例可以看电商,比如:
假一赔十
7天无理由退款
不满意无理由退款
3年内免费保修
7 常见问题
常见问题当然就是用户经常会问的几个问题。单独放常见问题的目的在于可以大幅度减少客服的成本和时间。
至于是几个问题,通常是按频次顺序,挑选3个最常被问的问题。这样可以显得整个页面的结构更加紧凑简洁。如果还有其他的用户问题,我们可以放在跳转链接当中。
8 终极呼唤
终极呼唤和开始的行动呼唤比较类似,但是它相对来说更加直接,带有更加明显的营销性质。这种感觉就像,在B站视频的结尾UP主会问你「你都看到最后了,还不关注一下吗?」差不多。
这里直接放一个例子让大家感受一下:
左边的是行动呼唤而右边的是终极呼唤。
三、营销网站着陆页的设计步骤
着陆页的设计通常有两个主要步骤:设计原型草图和制作着陆页。
1 原型草图
原型草图是指通过线条、图形等设计元素组合描绘出的产品框架图。目的就是能够让大脑构思的抽象的概念具体化。
根据这个草图对于着陆页模拟的真实程度,我们可以把原型分为低保真、中保真和高保真。如果把低保真当作是素描的话,那么中保真可以看作是填入色彩的油画,高保真就是真实照片。
这里想说明一下,并不是说在制作网页之前必须设计出一套低保真、中保真、高保真的原型草图,而是你根据自己的需求来判断这个原型草图要设计到哪一个程度,能够将你最后想做成的网页还原到哪一个地步。
低保真的原型草图用纸和铅笔就可以画出来。我们的着陆页界面需要有怎样的结构、需要哪些模块、需要有什么样的按钮?这些都可以画出来。
当我们画出了低保真的原型草图以后,我们可以使用网页的原型设计工具进行美化和细节上面的处理。以下这些工具可以考虑使用:
墨刀
Balsamiq Mockups
Moqups
Proto.io
高保真的原型草图则需要更加高级的设计工具实现。在单纯的页面设计上,我们可以选择Photoshop、Sketch之类的专业设计软件。
同时,需要用到一些能够实现模拟交互的软件来实现网页和用户之间交互的过程。最简单的,我们可以使用PPT、Keynote这样的幻灯片软件来模拟网页之间的跳转过程。如果需要实现更多更复杂的功能,则需要用到Axure、Invision之类的专业原型设计软件。
2 着陆页制作
那么如何将我们设计好的原型草图转化为真正的网页呢?
最早以前建站需要代码,但随着科技的进步,我们有了更加简单便捷的选项。
我这里提供一个很基础的思路:利用SaaS工具来搭建网页。常见的,比如上线了、凡科网、Unbounce这些网页工具。
一般来说,自助建站的工具是能够提供免费空间和网站域名。但是如果某些建站平台不能够提供的话,我们可以直接去找域名和空间的服务商进行购买。
制作网页的过程非常简单,我们在建站工具找到合适的模板,一点点添加功能模块,进行页面设计优化。这些工具能够实现非常多的功能,比如投票、留言、支付等等。制作完网页后只需要保存发布网页,对网页进行一定的宣传,访客就能够达到你的网页了。
和多数的设计工具一样,建站工具会有免费的模板和功能模块,但是比较有限。如果想要享受到完整服务,则通常需要付费。
3 着陆页的监测
着陆页存在的一个重要目的就是方便我们进行数据监测。如果我们利用某个平台来上线我们的产品,我们通常没有办法进入到数据的后台获取有效数据。
为了更好地优化我们的运营过程,我们需要获取营销的经典模型AARRR各个阶段的转化数据。所以,常见的做法是利用平台进行引流,让用户进入到我们的着陆页。
进行数据监测需要进行UTM链接的制作,之后将链接植入我们引流的平台。之后利用一些工具进行数据监测,常用的有百度统计和Google Analytics。不过前者现在已经需要付费使用了,后者则需要fan-qiang。
四、营销型网站设计制作总结
最后,总结归纳一下着陆页制作的6个步骤:
准备好着陆页的要素
设计好着陆页的原型草图
进入建站网页选择模板
添加网页模块和功能
对网页进行内容编辑设计
保存发布网页
上面这篇就是本期七赚网七哥分享的关于营销型网站怎么设计?(8个营销着陆页设计制作技巧)的全部内容。如果你的网站希望改版实现营销型网站功能,在设计上可以参考下这篇文章的介绍。有疑问欢迎联系作者咨询。
- 1 价值定位
- 2 行动呼唤
- 3 产品特征
- 4 信用背书
- 5 用户评价
- 6 风险承诺
- 7 常见问题
- 8 终极呼唤
- 1 原型草图
- 2 着陆页制作
- 3 着陆页的监测