你的网站代表着客户对你的第一印象,很大程度上决定是否会继续留在网站上。
如果一个网站看起来体验感很不好,客户可能会容易联想到你的产品或服务也是这么粗糙劣质。想象一下,一个美观而且信息丰富的主页,让客户在愉悦的浏览中接受到更多的信息传达,无形中就会增加客户对企业的信心。
一个网站不仅仅是作为一个企业在互联网上的门户印象,在某种程度上也反映出企业对待自身品牌和文化的态度,随之影响客户对产品或服务的信任度。
怎样才是一个好的主页
一个好的网站主页能让用户清楚地知道你是谁,你是做什么的,用户在你的网站上能得到什么。它还能与你的受众产生共鸣,提倡和宣导企业的文化或价值。
企业logo
Logo可以说是客户在视觉认知上辨别一个企业的重要依据。
世上的网站千千万,相似的主页设计就更多了,但是独特的logo就会让人一眼认出这是你的企业。
导航栏中的重要页面
在首页导航栏中重度突出重要的产品分类,服务类型等页面。
清晰的产品分类布局结构能有效地指引客户寻找相应的信息。
横幅和标题
留给你说服用户的时间并不多,在明显的地方用简短有力的语句,清晰地传达信息。
横幅Banner和标题就是个理想的地方。
语言要精简,文案要富有含义,能传递信息的同时引发思考,或朗朗上口,或过目不忘为最佳。
行动号召CTA
把你的最终目标铭记在心,那就是成交销售。
这种号召往往是起到心理暗示的作用,通过CTA来鼓励用户采取行动,获取对他们有用的信息等等。像“Buy Now”、“Get it now”、“Contact us”,这些都能吸引用户进行下一步的动作,从而提高转化率。
你的角色
用户看到这里,已经对你的主页有一定的肯定,会想尝试了解更多的信息。
接下来就是你开始展示自己的机会了。让客户知道你是谁,是做什么的,能为客户带来什么。
这里要展示你的专业度和优势,就算是小的篇幅,也要至少勾起客户的好奇心,产生了解更多的意愿,去点击CTA“Learn More”。
让用户产生共鸣
要想跟客户产生共鸣,就要展现你的价值。
比如你的产品是母婴用品,那么Walmart、Target等知名商超对你产品的准入证明就能很好地说明产品的质量和安全性。
其他的包括客户的推荐信,用户评论等等,都是很好的佐证。
另外搜索意图(search intent)也不可忽略,这是了解用户的需求,写出高说服力和可信度的内容的重要参考依据。
令人印象深刻的品牌和文化
通过图片,文字和视频的形式,传达企业文化和品牌价值,让客户产生更多的对网站的记忆点。
另外采用独特的页面配色,用于背景颜色和设计元素等等,加深网站在客户眼中的印象。
响应式设计
网站主页在不同设备浏览器上的显示是不同的,这就要求主页是响应式的,能根据不同设备的显示要求来最大限度地体现主页的功能。
这就需要做到:
- 适应移动设备。
- 复杂的网页模块能免则免。
- 网页上下滑动顺畅,边界显示完整。
不断学习更新
一个好的首页应该是动态更新的。随着日新月异的用户需求,审美角度的变化,和企业价值文化的拓展等等,主页都应该与时代趋势保持节奏一致。否则落后的审美或信息传递,会让主页在竞争对手面前黯然失色。
下面就通过20个B2B和B2C网站主页的例子,来看看优秀的主页是如何应用以上这些要素的。
B2B类
Blake Envelopes
信封企业
信封这类产品在互联网发达的时代已经鲜少用上,而传统信封的颜色也是比较单一。这个信封网站用鲜明大胆的配色,让人有眼前一亮的感觉。横幅中“动态”的信封展示出多种的样式,吸引客户点击CTA去查看更多产品款式。
Packlane
外观包装设计和制作
好花还得绿叶来衬托,令人视觉愉悦的精美包装自然为产品增色不少。
Banner渲染的效果图体现出企业对图像等的处理能力,保证包装的印刷质量。其次也列举出使用过企业产品的知名的牌子,为品牌的肯定添加可靠的依据。
Square
为商家提供解决方案的支付平台
主页中提供了多个适用场景,不同的行业,对应的企业规模,引导客户思考自己面对的痛点,以及带出平台能为商家提供的解决方案。
- 丰富的图文表现形式
- 干净的背景和有序的布局
NetBase Quid
客户和营销智囊
Banner就非常简洁直接地表明自己的角色,并在下面7个分点中为客户提供服务方向,选择哪个方面来增强企业的能力。
列举了合作的世界知名企业,展现了企业服务可信度和业务能力的可靠保证,提高客户对品牌的信心。
Ultimaker
3D打印企业
界面简洁干练,主页重点解释了业务内容,业务特点,以及存在优势。将业务应用场景展示出来,帮助客户了解并分析自身需求来匹配服务内容。
解决方案步骤演示
CTA充分布局
Flexfit
帽子制造企业
用高质量的产品展示横幅图片来切入产品目录下载,刺激客户查看更多的新款。主页分布了主要的产品类型,提供新款滚动图片栏,无一不向访问者提供产品信息与对应链接,提高客户对产品的了解欲望。
高质量的产品宣传图
社媒嵌入展示增加互动
Independent Trading Company
服装类批发商
首先非常清晰地表述了企业的角色-领先的高质量定制类服装制造和批发商,这样避免用户来到网站误以为是零售商的的情况。清晰的模块指引B2B买家一眼就能知道企业提供的产品分类,从而选择相应的服务。
社媒互动分享
板块布局结构清晰合理
Faire
B2B商家平台
一站式批发平台,超过8万5千个独立品牌,两句话就说明网站是做什么的,有哪些业务特色和优势。根据热门产品和地区分别提供板块来承载,还有新加盟产品推荐等等,让目标商家快速找到归属感。
知名新闻网站的文章报道
快速启动CTA
The VViViD Shop
车膜供应商
富有科技感的主页设计是一大亮点,符合目标受众的品味和价值定位。追求炫酷和高质量的视觉体验的车主,是网站的目标客户群体,针对这类人的兴趣和审美偏好,运用场景展示等让用户快速代入角色,想象改装后的体验,促进成交。
- 款式分类模块
- 不同车辆应用场景
- 贴膜相关工具推荐
Iris Fashion Inc
太阳眼镜批发商
这是一个大量使用模特佩戴产品图片的典型案例。
通过性别,年龄,场景,款式和服饰搭配等形式展示产品,视觉轰炸式的铺设,总有一款是客户相中的,这样就增加了客户询盘的几率。
但这种形式存在过度铺设形成审美疲劳的风险,控制好产品显示比例和图文展示模块的数量是关键。
B2C类
Cowboy
电动自行车
主页版面以黑白色调为主,营造出清冷的科技感,贴合电动自行车的产品特性。
横幅banner配以高质量的动图,展示电动自行车的配件形式。接下来的版面将主打车型逐一介绍,页脚前也给出来更多特色信息的板块。
Cuchara
家居品牌
迎面而来的简洁北欧风让网站有耳目一新的感觉。使用侧边栏形式的导航也是别出心裁的设计。通过简约的产品背景系列,更突出了网站自身的风格。
Tempo
智能家居健身
利用大图片和大模块,直接表现使用场景,提高用户代入感。板块和CTA带出产品多个特性展示。
Trixie
儿童用品品牌
颜色鲜艳的海报设计,童趣满满的图片构图,整页都是可爱风,一下子就满足父母长辈给小朋友配备各种用品用具的心理。
从玩具到餐具,袜子到书包,用户都能从清晰的分类中找到想要的类目。
- 结合产品的目标受众特点
- 品牌内容传递准确
New Era Cap
衣帽品牌
前面我们说到导航栏中添加重要页面的作用,在这个网站主页就被运用得淋漓尽致。
MLB(美国职业棒球大联盟),NFL(美式足球联盟),NBA就不用说了,这些重要的合作组织被放在最显眼的位置,每个球队都有专属的设计。这在目标人群–球迷的眼中,已经就是最权威的品牌认证了。
Leaf Shave
去毛刮刀品牌
横幅banner非常大胆地用了三个视频来表现刮刀的应用场景,文字描述也向用户传递这是一把全金属,可换式的,铁质刀片刮刀。
结合产品套装,拓展描述各个配件的功能。
- 互动型图片模块
- 产品性能对比
Casetify
手机保护壳制造商
主页横幅也用了生动的动图来展示产品。主打主流手机型号,如苹果和三星,意味着受众是相对年轻的群体,喜爱新鲜事物,追求流行趋势。
主页使用名人,大咖,和网红效应来吸引他们的粉丝,配色也以缤纷多样,吸引眼球的效果为目的。
Brooklinen
织物用品品牌
床品给人的感觉就应该是舒适亲肤,柔和有质感。
主页的布局宽松不拥挤,用少量的文字配以构图舒适的产品图,似乎已经能感觉到织物的纤维触感。
- 类目明确
- 产品推荐模块突出
Timbuk2
背包品牌
依然是满Banner的动图,各种颜色各种款式不断变换,是吸引用户驻足的好方法,加上变化的创意,甚至有点艺术的感觉。
其余部分是场景,特性,分类的展示。加上企业其他信息,整个主页就显得比较完整。
Heatonist
辣椒酱生产商
这个网站的主页布局非常简单,甚至有点过于简单。两行产品栏,两行分类栏,紧接着就是一大段文字介绍。还有接近10行的FAQ快速问答。
不知道是产品的sku比较少,还是目标人群的原因,这种形式恐怕大部分的站长都不敢这样做,但是论人气,这个辣椒酱网站的月流量约10万,是否美观吸引就见仁见智了。
以上的案例都不同程度地体现出本文开头提到的关键点,一个优秀的主页要考虑的元素很多,还是要根据企业本身,从产品出发,以文化拓展,用价值体现,做好真正适合自己的网站。
以上就是本文的全部内容,更多知识干货关注品店出海品学院。