Web设计|如何让国际大品牌的网站建设更多样?

2018-07-09 - 国际品牌 Web设计 网站建设

一个好的国际品牌网站,可以向全世界的用户展示企业的风采、产品、服务等信息,在全球范围内强化品牌形象,增加更多的销售机会。同时,还可以收集用户的需求、解决部分售后问题。既然建立一个高端大气上档次国际品牌官网,可以带来如此多的益处,我们应该如何打造呢?

一、品牌网站的结构

郑州做网站和写文章一样,也是从结构开始构思的,第一章节写什么,第二章节写什么……最后一章写什么;网站的一级页面(首页)展示哪些内容,二级页面展示哪些内容,三级页面展示哪些内容,大的框架定好之后,再针对每个页面进行细节设计。


由于互联网中信息量极其庞大,为了向用户展示更多有价值的信息,搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),页面的权重按照一级页面> 二级页面> 三级页面> 四级页面> …… 依次往后递减。页面层级越高,用户的到达率越低,因此网站的层级不宜设计得过深,清晰的网站结构可以帮助用户快速获取所需信息。

二、导航

品牌网站的导航是需要精心设计的,好的导航是用户的指路牌,它总是能带领用户去到想去的页面。

1.主导航

下拉的图文并茂的导航是首选,普通的文字导航不够直观,图片可以让用户感受到产品的外形和颜色,搭配文字使用容易形成记忆,发挥视觉锤语言钉的效果。


2.面包屑导航

面包屑导航的概念来源于一个有趣童话故事,迷路的小孩利用撒下的面包屑追溯回家的路。面包屑导航可以让用户了解当前所处的网站位置,以及当前页面在整个网站中的位置。面包屑导航一般出现在网站的主导航下面或者网站底部导航的上面。

3.网站底部导航

或许有人会有疑问,网站的顶部已经有导航了,为什么底部还要再设计一个呢?

其实,网站的底部导航是很有必要的。相较于顶部导航,底部导航是全部铺开的,当我们浏览到网站底部的时候,可以直接切换到想去的页面,十分便捷。

4.网站地图

当用户找不到想要的页面的时候,有两种方法,一种方法是使用站内搜索,还有一个就是查看网站地图,因为网站地图是整个网站的最详细的目录。同时,网站地图清晰的结构,有利于搜索引擎抓取及收录。

三、内部链接

有些郑州建网站的页面很多,但是产品经理、设计师在设计页面的时候,没有将这些页面联系起来,从而出现了网页孤岛。孤岛页面带来的不良影响是,如果当前页面做得平平淡淡,没有用户需要的信息,用户会离开网站。

网站页面的关键词内链密度建议保持在6%~8%之间,在当前页面平平淡淡或者十分吸引人的时候,可以引导用户点击关键词内链,去更多的页面,让用户在网站里流连忘返。

一般内链的设计方法为:同类产品推荐、查看所有产品/文章、上一个产品/文章、下一个产品/文章以及各类导航等。

四、网站首页

使用大图片或者全屏背景的网页设计已经成为一种趋势,这样的网页设计风格备受各大品牌的欢迎,因为这样的设让网页外观看起来非常的简约大方。

一般情况下,国际品牌官网的设计规范和风格调性是总部规定好的,不同国家和地区在遵循统一规范的情况下进行本土化设计和运营,因为每个地区售卖的产品、代言人、促销活动等都是具有差异化的。

如下图所示:兰蔻中国和兰蔻德国的网站框架及设计风格一致,但banner图中的代言人和产品是有差异的,符合兰蔻品牌本土化的战略。

五、产品列表页面

产品列表页的设计可以根据跨国公司的产品线来设计,如果产品线多、产品型号多,就可以设计成具有筛选功能的产品列表页。用户可以根据不同的品类、型号、价格、功能、参数去选择想要的产品。

如果产品型号少,则可以参考苹果国际品牌官网的做法,为Mac、iPad、iPhone、Watch、Music5 条产品线的产品,分别设计产品类表页。

以iPhone的产品列表页为例,这个页面展示了:iPhone X、iPhone 8、机型比较、Apple Pay 刷公交功能、增强现实功能、iOS12、iPhone焕新计划、iPhone配件等,这些都是与iPhone产品相关的内容——新产品、新功能、活动、配件信息。

在自家网站的GA谷歌分析中,笔者发现机型比较功能(产品比较功能)的使用率很高,确实根据字面上的意思我们看不出来iPhone X和iPhone 8 的区别,但是有了产品比较功能,用户可以一目了然的看出两个产品之间的差异。对于具有选择困难症的用户来说,这无疑可以辅助他们进行购买决策。

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...