首页/百家讲堂/驰辉网站分析

驰辉网站分析

一、网站架构如下:

网站主架构(主导航):HOME(首页)、CHIHUI(关于我们页面)、SCOOTERS(产品页面)、NEWS(新闻页面)、CONTACT(联系我们页面)。

驰辉网站分析

二、网站内容效果介绍:

1、HOME(http://www.chihuiscooter.com/)

驰辉网站分析

驰辉网站分析

首页是通过滚屏效果来实现内容展示的,当我们进入到网站时,首先映入眼帘的是第一屏带有动感的幻灯片,每一张幻灯片上面的产品图和文字都可以执行动画效果,让客户一进来就吸引他去注意产品和文字描述,整体还带有立体动感,视觉冲击力很强。然后客户可以通过滚动鼠标进入到下面的几屏。当鼠标滚动到第二屏时,可以看到一个带有3D动画效果的一个产品展示幻灯,这种效果是通过新技术css3加js实现的,这也是整个网站的一个亮点,从以往的2D动画转换成3D动画,就像大家喜欢看的3D电影一样更具有立体感,更吸引人,更具有视觉冲击力。

2、CHIHUI(http://www.chihuiscooter.com/chihui/)

驰辉网站分析

驰辉网站分析

当进入到关于我们页面时,映入我们眼帘的是图文并茂的文字说明和图片展示,展现出公司的实力相关信息,让客户一目了然的就看到了自己所关注的信息点,同时设计师是采用现在最流行的扁平化设计风格,让整个页面的布局看起来高端大气上档次!

3、SCOOTERS(http://www.chihuiscooter.com/scooters/)

驰辉网站分析

当我们进入到产品页面时,首先我们看到的是一个带有国外风格的banner大图,上面展示了主推产品和文字说明(如上图),下面是带有个性化的文字设计和和产品展示内容,客户可以一目了然的就找到自己感兴趣的产品,点进去就可以看到相关产品的参数介绍和对应的产品图展示,如果对产品感兴趣还可以点击 Inquiry Now 这个按钮进行询盘发邮件,这样就可以避免错过有意向的潜在客户。

4、CONTACT(http://www.chihuiscooter.com/contact/)

驰辉网站分析

当我们进入到联系页面时,映入我们眼帘的是明信片形式的联系方式,这种展现方式简约大方,给人一种很清晰的感觉,最短时间可以找到自己感兴趣的联系方式,同时设计师也是采用现在很流行的扁平化设计风格,用了很多小图标,给人一种很高大尚的感觉,很具有吸引力。

总结:
在设计师的精心设计下使整个网站感觉高端大气。也是现在主流的扁平化设计风格,再加上前端工程师使用一些新技术效果(css3),相信会得到浏览者高度评价和认可,也让浏览者在浏览网站时,感觉是在享受,而不是随意逛逛!