改版思路

背景：为上海通用五菱官方网站做视觉改版

目的：

1.     提升界面美观程度

2.     增加首页内容的展示内容，使用户减少点击

3.     运用斜切的排版形式，体现出汽车的动力和速度感

问题：

1.     banner与下面展示图重复

2.     导航栏点击之后的交互效果不明显

3.     导航栏中得按钮有的是无内容的

4.     页面展示内容较少

设计重点：

提升产品质量，增加图片的展示内容，增加视觉冲击力，更加能激发用户的购买欲望，进一步增加交互效果

突出图片的展示区域，根据产品内容的不多进行不同的排版布局方式，设计时，要保持企业颜色的使用

                                            改版之前的页面

需求拆解

内容类型：企业的汽车产品展示居多，深浅色混合使用，更显活力

用户：男性居多，注重图片的展示整体内容和细节的部分

产品需求：刺激用户的视觉，增加购买的欲望

结构布局：分类要足够清晰，注重用户的交互效果，根据不同板块可以采用不同的布局方式，但是要突出汽车的动力和速度感

视觉确定：增强视觉的冲击力，使文字和内容对比突出，运用汽车官网常用的白色为背景，采用LOGO上得红色进行点缀

视觉定义

色彩：白色和黑色为底，企业LOGO的红色进行点缀

布局：头部导航栏采用左边LOGO，中间选项卡，右边是常用功能按钮图标的方式进行排版，下方依次是banner、广告语、优惠专区、精彩瞬间、尾部，每个板块根据需要突出的内容不同，再进行不同的排版方式

视觉特性：产品统一，质感统一，基调统一

设计优化点

提升品牌的气质，提升产品的知名度

增强用户的视觉感受，增强用户对产品的好感程度

能够刺激到用户的购买欲望

设计一致性

产品统一，基调统一，交互效果统一，排版布局方式保持一致

设计规范性

图标、颜色、字体、交互等样式均能够体现出汽车的动力和速度的感觉

                                              改版之后的界面