改版背景

2018年三月，鸿坤金服产品在原有的定期理财之外，又加入了高端理财的基金产品和信托产品，丰富了产品线。官网中原有的页面结构，不能支撑新加入的产品功能，在新产品页面全新设计的同时也为了更好的去适应市场的激烈竞争，我们对官网主页进行了结构和布局上的调整。围绕着突出产品提升商业盈利这一主题，进行了一次改版。

改版目标

1.通过视觉改版帮助产品商业能力提升

2.优化交互细节，提升用户信任感和满意度。

从三个层面对改版的目标进行了整理，使改版目标更清晰。

功能

优化首页导航的内容分发功能，强化产品功能入口，提高产品的转化率，促进商业能力提升。

视觉

做好新产品的视觉设计并融入现有的官网的视觉规范，结合新产品所对应的目标用户建立起典型用户画像，分析其视觉偏好和消费心理，指导视觉设计的创新和目的性突出。

交互

优化新产品涉及的相关流程页面的结构和交互细节。帮助用户提高所处阶段的认知。提高用户的使用感受，增强好感度，提升品牌感。

开始改版

有了改版目标，接下来就要通过视觉的优化与提升，来帮助产品的“功能+交互”的全面提升，最终推动产品商业能力的提升。

1.视觉＋功能优化

因新增加的基金产品类目，原有的网站导航系统不能很好的实现产品增加后的入口展示功能，所以首先对首页的导航和相关的顶部区域做了优化。通过改版优化，凸显产品的功能入口，提升产品页面的访问量，从而达到提升产品商业盈利的目标。

2.视觉设计

在保持原有的首页视觉规范和视觉感受的基础上，运用十字交叉分析法，重新规划了板块层级。虽有新产品新内容的增加，但依旧保持首页的板块层级清晰、明确。

新增的产品页设计。新产品定位为对资产配置有更高要求的高端用户。所以在确定了“高端”这一视觉设计方向后，通过情绪版的分析， 最后得到了“留白”“大图”等设计语言。通过对设计语言的运用，使得最终的设计方向得到了良好的展现。

3.交互＋视觉优化

在视觉的基础上增加了鼠标悬停的交互动作。对使得焦点更明确，同时也对信息进行了强调，悬停之后的按钮变化也具有引导性，间接地提升了产品的转化率和商业能力。

新产品在投资前需要先完成一项问卷调查，所以在原有的注册、实名的流程中又新增一项问卷。为了使用户明确所在步骤，以及各阶段的操作状态，新设计一个步骤导航来帮助用户明确步骤及操作流程，优化了注册流程的用户体验。

改版总结

本次改版源于产品线的新增，在完成新增产品的基础上，优化了首页顶部和导航模块，又通过十字交叉分析法，对首页内容板块和信息层级进行了重新规划，达到了通过视觉改版帮助商业能力提升的改版目标。之后又通过对信息板块的交互优化和注册流程的优化，使得使用体验和交互体验得到了很大的提升。

项目迭代改版如果只是单纯的视觉层面的思考，在同事和领导面前很难有说服力。现阶段，设计应该更多的从提升商业能力，数据提升为切入点进行思考。谢谢！