5个小技巧让你的企业网站传播更有效行业动态

对于有较为单一产品和服务的企业网站,他需要的是能简单、直接、而具有感染办的传达产品特性,通常这种类型的目标需要有效的转化效果。我们需要网站能做的是将普通访客转化为购买或业务咨询的用户。对于缺乏经验的客户通常会感到无从下手,这里简单的总出5个简单有效的小技巧,帮助我们作为设计网站的思考框架:

一、善用首屏海报图吸引注意力,传达核心价值

二、简单明了的表述产品价值,一定要直击用户关心的价值

三、有效的导航设计,提供最便捷的用户访问路径

四、重视CTA(CalltoAction)的设计,提升转化率

五、列举客户案例,增强信任感

常见的首屏海报图有以下5种表现形式:

企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性。

企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处,或用一些开阔的风景照来表现公司的价值观和愿景。

这种传统的照片形式常见于一些大公司,例如微软的CRM产品MicrosoftDynamics365:

客服应用HelpCrunch则用来表现公司未来的愿景:

经过设计处理之后的概念图,比真实照片的表现空间更大,可以通过一些艺术化的手法来传达产品价值。

Zendesk用形象的概念图来辅助传达产品的价值主张——Wecanlendahand。

近年来一些企业重塑品牌向更年轻更有活力的方向发展。插画的形式有利于塑造轻松时尚的品牌气质,同时也是最适合用来讲故事的表达形式。

Intercom用生动的手绘风插画描绘了一副工作中遭遇的混乱场景,引出了使用Intercom可以结束这一切混乱的概念:

Atlassian用配色明快的图形插画描绘了齐心协力的工作场景,烘托出“Teamup”的产品价值主张:

简单直观的运用产品界面图作为首屏海报图,让用户对产品使用过程有一种直观的体验,也是一种对于自己产品的设计很有自信的表现。

云存储应用Box用产品界面和照片混搭的形式来表现“WorkasOne”的产品理念:

使用真实客户的肖像作为首屏海报图,兼具客户案例的作用,使产品更有说服力。

自助建站应用Squarespace用高清的客户肖像图配合产品界面,来表现他们的应用可以为不同人群定制专属网站的理念:

用视频代替静态图出现在首屏成为近年来流行的一大趋势,比起静态图,动态视频更容易吸引目光。

自助建站应用Weebly的首页视频融合了各类用户的生活状态和使用场景,来表现“DOWHATYOULOVE”的产品理念:

Tips:

1.首屏海报图和促销文案是官网的重中之重,既是营销的核心,同时也是页面布局和表现的核心。

2.首屏海报图是传达产品品牌的绝佳机会。

3.不同子产品页可以用不同的首屏海报图,但是要注意尺寸和风格保持一致。

当用户被首屏海报图吸引住目光之后,想要进一步留住客户,就必须立即向他们传达产品的核心价值,让他明白购买你们的产品可以获得什么好处。在营销领域,这被称为USP(UniqueSellingProposition),意为“独特的促销文案”。

在企业产品官网中,促销文案会多次出现,完整的促销文案通常会由以下三个基本部分组成:首屏标题、强化阐述和最后重申。

a.首屏标题

通常位于官网首屏最显眼的位置,用大字体突出,同时可以用小字在旁边进行辅助说明。

MailChimp的首屏标题简短有力:

b.强化阐述

用来强化和丰富USP,让它看起来更有说服力。可以从正面出发列举产品功能、强调产品优势,也可以从侧面来印证,比如成功案例、资质证书等。

MailChimp用与首屏标题同样风格的文案,配合界面图来强化USP:

c.最后重新提醒

当访客浏览了长篇的强化阐述,浏览到页面底部时,最后再重申一下USP,首尾呼应。

MailChimp在页面底部最后重申,号召转化行动:

根据不同的产品功能和品牌风格调性,促销文案的文案风格也各不相同,主要有以下几种类型:

a.清晰直白的功能陈述

清晰直白的功能陈述可能会有点无趣,但却是最直观、最易于理解的。用一句话讲清楚你的产品是做什么的,比含糊其辞的描述更容易让访客产生好感。

Xero是一款为小型企业提供会计服务的应用,他们用一句话清晰传达了Xero的功能价值与目标用户:

b.令人印象深刻的号召型言语

光看Asana的大标题是不是很难猜到这个公司是提供什么服务?即便如此,这几句简短大气的标语还是能给人留下深刻印象:

c.抓住用户痛点,唤起情感共鸣

这是一种逆向思维,通过描述产品可以“规避负面结果”来突出其解决问题的能力,这是与“获得正面结果”相反的一种思路。

Basecamp整个官网的措辞风格都是如此:

d.动态多合一

在寻找案例的过程中,还发现了一种动态的多合一文案表现形式。它的做法是保持核心文案固定不变,其余的则不断切换。动态的表现形式更吸睛,也赋予了USP更全面的展现。

1.规划USP时要站在客户角度,强调你的产品能为他们带来什么好处。

2.不要怕首屏标题太短讲不清功能,旁边小字的作用就是补充说明,同时丰富排版。

3.没人会喜欢空洞的营销口号和行话,客户喜欢能解答疑惑、简单直白的USP。

当访客被你的首屏海报图和价值主张吸引之后,接下来他可能想要在你的官网上四处看看了解更多信息。

合理清晰的导航可以带领访客快速找到想要的信息。导航是网站的路标,也是网站组织架构的体现。如果访客的浏览体验不顺畅,他们会对你的产品和公司失去信心。

1.不是所有网站都需要导航

导航是网站组织架构的体现。在规划网站架构前,首先明确一个问题:我们是否需要导航?

当你的目的是引导访客按照预设路径进行浏览,不希望他们跳出当前页面,这个时候可以没有导航。这样的网站组织方式也叫线性结构:

对于功能简单的产品,使用线性结构能有效带动访客参与性,推动转化行为。企业产品官网的路径通常为头图-产品展示-注册试用。

例如办公协作应用Trelllo的官网顶部没有导航,只保留了登陆和注册入口。页面的信息组织按照“头图-功能总览-功能细节-客户展示-注册试用”的顺序由浅入深、从宏观到微观的顺序引导访客完成浏览和转化。到页面底部才会出现一排弱弱的链接:

线性结构的劣势在于访客不能按照自己的想法浏览网站,比如当他们找不到急切想了解的关键信息比如价格页时,可能会觉得沮丧。

2.越扁平越有效

使用扁平结构可以减小网页深度,让访客用较少的点击就能到达目标页面,同时有利于搜索引擎抓取效率。

在寻找企业产品官网案例的过程中我发现,对于功能相对简单的产品大多使用一级导航,而对于规模庞大的产品,他们的导航层级最多也只到二级。

例如企业邮件应用Mailchimp和Slack就是扁平结构的典型代表。它们的导航都只有一级,把所有页面入口都放在外面,最重要的功能、定价位于前两个位置,其余的根据重要性递减排列,最右边一般会放注册或登陆入口:

对于一些规模庞大的企业产品,首先要尽量精简选项,舍弃不必要的信息、隐藏次要信息,再考虑在有限的空间里把信息入口展现完整。

以Intercom为例,它是一款大型CRM应用,公司旗下有三大子产品。官网首页设置了5个一级导航,其中前两个是折叠导航。最重要的Products导航的下拉菜单中按照产品和解决方案两个维度展示了对应的信息。配合icon和简介,有序又直观:

在Resource下拉菜单中则收拢了客户案例、帮助中心、产品演示等资源入口,用清晰的组织方式把这些信息集中在一起,让想要了解更多信息的人自己去探索:

3.确保访客清楚自己所处的位置

网站是一个虚拟空间,访客在页面之间的跳转是无法预料的。要让访客时刻知道自己所处的位置,就要在不同页面上保持导航的一致性,并在滚动页面时保持常驻。

继续以Intercom为例,首页导航在滚动时保持常驻。当点击首页导航到达子产品页面后,导航保持一致,只是在原先的主LOGO旁多了一个子产品LOGO来表明当前所在页面,点击主LOGO可以返回首页:

子页面开始向下滚动时导航暂且消失,当滚动到首屏以下时导航出现并常驻,注意到此时的导航样式已经悄然发生了变化——简化了主LOGO,右边部分变成了3个针对当前子产品页面的导航:

再看看Atlassian的设计。到达子产品页后会保留主导航,随着页面滚动,子产品导航会把主导航推出,继而代替主导航的位置:

1.规划访客的浏览历程,保持顺畅自然的体验。

2.保持导航结构的一致性,确保用户始终知道自己所处的位置。

3.保持导航的使用简单性,删除不必要项目。

4.简单很好,但是要确保提供了访客想要获得的信息入口。

CTA(CalltoAction,用户行为召唤)是指希望访客在浏览官网时完成的指定行为,通常有:注册、申请试用、邮件订阅、软件下载等等。CTA是促进官网完成转化的主要手段,对于企业产品官网,醒目的CTA按钮是标配。

1.视觉样式必须醒目

既然官网的目标是完成转化,那么CTA按钮一定是整个页面中最醒目、最聚焦视线的。

很多研究证明绿色按钮的点击率最高,蓝色其次,但我认为这并不绝对。按钮颜色取决于官网的整体配色和品牌调性,在这个前提下,拉大对比度,让按钮从背景中突出即可。样式上突出核心CTA,次级CTA可以相对弱化。

Invision的按钮使用了品牌色:红色。

2.文案需要引起点击欲望

CTA按钮文案应该是一目了然的动词短语,使用含有紧迫感的文字例如“立即/马上”,或者利益导向的文字例如“免费”,可以有效引起用户的点击欲望。常用的文案有:免费/立即试用、免费/立即注册、观看演示、了解更多等等。

3.保持一直可见,反复强调

CTA按钮一般与促销文案同时出现,主要分布在官网的三个位置:顶部导航、首屏海报图、页面底部。

顶部导航的位置可以保证按钮一直可见,首屏海报图上的按钮是视觉核心,页面底部的位置则作为终极呼唤。三个位置互相呼应,缺一不可。

4.次级CTA也不容忽视

原则上来说CTA按钮应该只有一个,但近年来越来越多的企业产品官网会在主要CTA按钮旁边放一个次级CTA按钮,为访客提供第二选择,这样做可以让访客在不想点击主按钮的情况下退而求其次。

对于企业产品的用户来说,在注册之前提供产品试用或视频演示能大大增进对产品的了解。

5.嵌入简易表单,降低注册门槛

在CTA按钮旁放置一个简易的内嵌表单,相当于简化了后续的转化流程。

Webflow则直接把需要填写的注册项全列出来,这适用于注册项在三个以内的情况:

企业级(toB)产品不像消费级(toC)产品那么普遍和易获取,企业客户在选择产品的时候更为慎重。

官网要帮助消除他们的疑虑,建立对产品的信任感,最好的方式就是把已购买产品的客户成功案例展示出来。

1.用真实的客户头像提升可信度

2.讲故事,更容易打动用户

Intercom在客户故事这方面下足了功夫,每个重点客户都有内容丰富的专题页,里面有客户公司简介,描述了用Intercom的哪些产品解决了哪些问题,有从他们产品角度出发的第三人称描述,也有客户的第一人称陈述:

越来越多的公司已经不满足于静态讲故事,例如Invision,他们开始使用更专业、更有说服力的采访短片来作为客户成功案例:

3.精确的数字更有说服力

Intercom的每个客户案例中都有精确的数据支撑:

4.大公司的案例会强化信心

大公司的口碑效应还用说么。如果你有大客户,那毫不犹豫地把他们的LOGO展示出来吧。

看看Invision的大客户logo墙:

最后:

掌握以上5点,基本上可以让你的产品网站变得有效可控。在网站运维的过程需要得有效的数据监控用以不断改网站的性能、体验、文案、布局等。

THE END
1.100年前极端天气的老照片:真实龙吸水的破坏力!100年前极端天气的老照片:真实龙吸水的破坏力! 1966年2月1日,纽约州北斯特林的暴雪造成了巨量的积雪。 1913年,一家人试图逃离俄亥俄州哥伦布市的洪水。 1990年3月13日,堪萨斯州赫斯顿的F5级龙卷风。 1997年5月12日,佛州迈阿密的龙卷风。https://www.gamersky.com/ent/202301/1560287_5.shtml
2.让我们来看看《如龙6》游戏嘲与真实世界的照片对比机核GCORES导语:世嘉今天给即将于12月8日发售的《如龙6:生命诗篇》做了一个圣地巡礼的指南网站,如果有打算去广岛尾道的玩家,不妨提前看看这些将会出现在游戏中的现实场景。 这张是我拍的,然后加了个LOGO……就成游戏里一样的场景了…… 在公开的地图中,包含了本作将会登场的店铺以及观光景点。这其中基本都是尾道这个小城...https://www.gcores.com/articles/21808
3.新义安下一个龙头是谁?新义安五虎真实照片新义安五虎真实照片 核心提示:相信男孩子都看过香港的黑社会电影古惑仔吧!其实古惑仔的很多剧情就是根据香港真实的黑社会——新义安改编的,但是不同时代不同背景,现在的新义安已经慢慢洗 相信男孩子都看过香港的黑社会电影古惑仔吧!其实古惑仔的很多剧情就是根据香港真实的黑社会——新义安改编的,但是不同时代不同背景,...http://www.fakutownee.cn/shehui/redian/14385.html
4.陈冠蒲真实照片理想股票技术论坛通过搜索陈冠蒲真实照片,你可以了解到陈冠蒲最新的近照和个人图片,满足你对陈冠蒲的了解需求。 ,理想股票技术论坛https://www.55188.com/tag-748345.html
5.老照片:晚清花船上的公子哥儿搂着船妓,青楼状元林绛雪真实照片摄影机出现之后留下了不少老照片,这些照片可以让我们看到一百多年前的中国社会百态。 今天小编将继续带大家看看这些珍贵的历史老照片,有晚清将领、晚清花船营业场景、晚清青楼状元真实照片、晚清木匠等等。 晚清花船上营业的一幕。 晚清的花船也称画舫,通常装饰华丽,俗尚豪华。它们在水面上飘荡、离岸边不远,方便观赏水...https://www.meipian.cn/4x8m4abt
6.六一水果摊位照片真实图片六一水果摊位照片真实3D素材潮国创意精选高质量的六一水果摊位照片真实图片、六一水果摊位照片真实3D素材、六一水果摊位照片真实图片模板供大家下载使用,下载潮流图片就到潮国。https://chaopx.com/tupian/liuyishuiguotanweizhaopianzhenshi.html
7.慈禧真实“照片”,被美国博物馆珍藏至今,原来这才是她真实容颜然而,她的外貌却一直是一个谜团。许多人通过小说、电影、电视剧等媒体了解慈禧,但这些作品并不能真正地反映她的真实相貌。直到近年来,一张据说是慈禧真实照片的照片在美国博物馆被发现,引起了人们的关注。这张照片究竟是怎样被发现的?它的真实性又如何证实?今天,我们来一起探讨这个话题。https://www.jianshu.com/p/d4a0000a921e
1.图片龙的图片真实照片专题模板我图网图片龙的图片真实照片专题为您整理了62个原创高质量图片龙的图片真实照片图片素材供您在线下载,PSD/JPG/PNG格式图片龙的图片真实照片模板下载、高清图片龙的图片真实照片图片大全等,下载图片素材就上我图网。https://m.ooopic.com/sousuo/3702346/
2.迅猛龙真实图片图片迅猛龙真实图片动态图SOOGIF为您提供迅猛龙真实图片动图大全,这里可以找到全部的迅猛龙真实图片gif动态图片,以及迅猛龙真实图片动图表情包供您下载使用,本次SOOGIF共为您找到115031张关于迅猛龙真实图片的动图内容。https://www.soogif.com/gif/645105-2-0-0.html
3.龙真实图片证据照片是什么证据 鉴于证明物证的绩法性、真实性比较困难,我建议你以书证的方式出现比较稳妥。仅此建议!问题五:照片可以做为证据吗? 可以,光盘、照片等属于视听资料,视听资料是我国民诉法规定的法定证据形式之一。但证明力不及物证等证据形式。视听资料是指以录音带、录相带、磁盘等为载体所记录的图象和声音及电脑.....https://m.verywind.com/dd/%E9%BE%99%E7%9C%9F%E5%AE%9E%E5%9B%BE%E7%89%87%E8%AF%81%E6%8D%AE.htm
4.冰龙恐龙,真实照片。第六面插画正版商用图片11fuiw摄图新视界提供冰龙恐龙,真实照片。第六面图片下载,另有食肉的,波峰,冰龙,恐龙,早期的,灭绝的,害怕,力,巨大的,危险的,插图,孤立的,侏罗纪,蜥蜴,怪物图片搜索供您浏览下载,每张图片均有版权可放心商用,您正在浏览的图片为11fuiwhttps://xsj.699pic.com/tupian/11fuiw.html
5.抖音无敌龙傲天真人照片是否真实存在在当下的网络社交环境中,各种自媒体账号层出不穷,其中一位名为“无敌龙傲天”的用户在抖音平台颇受欢迎。针对该用户是否真的存在以及其真人照片的真实性,我们可以从以下几个方面进行探讨。 一、网络虚拟身份的普遍性 在互联网时代,虚拟身份的存在是普遍现象。人们可以创建各种虚拟形象,进行网络社交活动。“无敌龙傲...https://maimai.cn/article/detail?fid=1839402382&efid=b8J1VnCc4c7Mm72C4KRsyw
6.凤凰图片大全真实照片图片,凤凰图片大全真实照片图片素材大全凤凰图片大全真实照片图片素材,百图汇提供凤凰图片大全真实照片相关图片下载,分享各类与凤凰图片大全真实照片有关的图片、设计、素材、模板等。https://s.5tu.cn/pic/fenghuangtupiandaquanzhenshizhaopian.html
7.龙说夜郎丨这张照片上“低调”的校门,还原了大夏在贵州的一段真实...次年3月,蒋介石到贵阳,又两次召见王伯群谈及大夏,经费问题逐步得以解决。 1944年冬,日寇南侵贵州,大夏再次被迫北迁到遵义桐梓。抗战胜利后迁回上海,最终与光华大学合并,成为今天的华东师范大学。回过头看,照片上“低调”的校门,以及边上这位神采奕奕的年轻人,似乎还原了大夏在贵州的这一段真实历史。https://movement.gzstv.com/news/detail/14oJp/
8.每一张照片里都是真实的雷锋虽然年代逐渐久远,但雷锋的形象依然清晰,依然深入人心。一代又一代人,正是通过雷锋留下的照片,拉近了与雷锋的距离。在雷锋短暂的22岁生命中,曾经拍摄过数百张照片,这在上世纪五六十年代也是不多见的。https://www.lnsjjjc.gov.cn/network/ztjj/xxhylfjs/xxhylfjsxwtt/2023/03/03/487671034753847949.shtml
9.蜥蜴图片真实照片蜥蜴高清壁纸大全→MAIGOO图库蜥蜴,俗称“四脚蛇”又称“蛇舅母”,在世界各地均有分布。其种类繁多,生活环境多样,主要是陆栖,也有树栖、半水栖和土中穴居。有些人看见蜥蜴会害怕,也有人喜欢蜥蜴酷炫的外形。下面一起来看看蜥蜴的真实照片。https://www.maigoo.com/tuku/527228.html
10.Transformer论文作者再次创业,特斯拉人形机器人Optimus二代亮相...李飞飞与斯坦福团队联手谷歌,开发了一种名为W.A.L.T的模型,他们成功将Transformer架构整合到视频扩散模型中,创造出了具有照片级真实感的视频。它在视频生成方面的连贯性和细节处理达到了极高水平。 W.A.L.T模型的核心在于使用因果编码器在共享潜在空间中联合压缩图像和视频,以及采用基于窗口注意力的Transformer架构来...https://www.yoojia.com/article/10113849865540362965.html
11.2016年“凤凰”现身黑龙江,网传的照片真实可靠吗?这张照片确实不是ps的,它是真实拍摄的,但它和黑龙江凤凰没啥关系,照片中的鸟真实存在,只是它们不在中国。 黑龙江凤凰照片中的鸟类是什么? 为了找到这张“凤凰照片”的出处,我在网上搜索了很多内容,但我并没有看到任何官媒报道过2016年黑龙江凤凰目击的相关报道,它只存在于一些以猎犬内容为主的网站上。 https://www.thepaper.cn/newsDetail_forward_21740709