首页/百家讲堂/六色官网剖析

六色官网剖析

一、网站结构

六色官网剖析

二、网站结构说明

六色官网剖析

6色官网栏目设计分为10部分,其中3部分栏目设置为底部,从上图结构中,我们可以看出每一个栏目中,对公司的各个业务进行了详细的介绍。其中,小语种、客户管理、软件定制为公司的主要业务范围,在这三个大栏目中为其设计了大banner图突出业务信息,并分层介绍了具体信息,达到公司信息传达的清晰、醒目。

六色官网剖析

关于我们页面分别对公司的情况、团队、服务、经验进行介绍,板块分明,有助于客户更深入了解公司的实力情况。其他板块则相应的展示的目前做过的一些案例,方案、资讯等信息,每个板块都进行合理的设计,采用右侧快捷导航,左侧内容展示方式。最后的联系栏目,采用简洁的设计,方便客户点击直观的看到需要的信息。

三、网站技术实现

1、6色官网在技术实现上,采用了服务目前的流行设计风格,并且使用了响应式设计,支持PC(电脑)、Ipad(平板)、Mobile(手机) 多设备的访问,从电脑到手机,一站轻松搞定。

PC版:

六色官网剖析

Ipad版:

六色官网剖析

Mobile版:

六色官网剖析

2、网站制作中,分别给各个页面板块中,加入了现流行技术,如导航,采用了文字及图标动画切换的方式,鼠标经过导航时,以动画形式切换图标并底部横线跟着移动,增加与客户浏览过程中的交互性。

六色官网剖析

3、首页banner业务展示图,增加了元素跟随鼠标移动进行相应移动操作,给予页面增加了几分生动。

六色官网剖析

4、小语种通过多图并使用动画效果技术,使多个点缓慢而有序的展示相关信息,达到信息的更好传递

六色官网剖析

5、习惯了传统的banner切换视觉疲劳,对关于我们页面进行了另一种切换效果,使之看起来舒服不死板。

六色官网剖析

在本网站中,考虑到客户访问群体不同,全站采用响应式设计来支持多客户多终端访问,在客户访问正常的前提下,给予制作更多的交互效果,这也是提高客户的体验,使得对公司有更好的印象的方式。