安信证券2019年度账单

项目背景

随着互联网金融的兴起，年度账单已经成为金融行业各家互联网产品的标配。而作为用户，或多或少对自己的年度账单有一定的期许，通过年度账单对自己这一年的投资有一个更加全面的了解。2020年的第一个交易日，安信手机证券App如约而至，也推出了属于安信用户自己的年度账单供用户查阅。

在项目初期，运营经理就提出了一个非常有趣的概念：既然年度账单是关于自己一年的投资总结，那为何不把它做成一个关于自己的个人展呢？展览内容就是自己的投资历程，成绩总结。通过这一点，我们就确定了年度账单的初步设计思路。

设计策略

运营经理关于展馆的最初风格设想是在一个类似于西方油画展的展馆风格，同时这两年“国潮”风流行，我们也考虑“国潮”设计风。由此我们也制定出了我们的设计目标：1、很好的表现展馆气氛，加强用户的活动感知；2、清晰明了地展现用户一年的收益盈亏；3、通过内容的展现，促使用户分享与传播。经过讨论，展馆我们决定采用中式庭院设计风格。

每个人的设计习惯不一样，大部分设计师习惯先用笔在纸上画出线稿再深入设计，而这次我采用了直接用素材拼接从气氛先下手的方式。同时正好在网上看到了一幅展览图气氛正好打动了我，就产出了两张拼接草图。

照片素材拼接出来的设计初稿气氛上足够，可是昏暗的色调显得很沉闷，这时候想起了自己在一次参观盆景展览的时候拍下的照片，于是结合了展览现场和树荫气氛最终确定了整个年度账单的主场景视觉基调。（树荫气氛是从设计初期一直最喜欢的点，实在是我割舍不了的情。）

同时我们根据运营经理提供的活动场景流程，进一步进行设计分析，开始逐个场景以及通用元素的设计。

· 感知

以“你的投资艺术个人展”概念切入吸引目光，契合账单业务主题。“投资艺术馆”营造空间感，将用户带入故事场景中进行沉浸式年度回忆。作为一个大型产品+运营的主题活动，产品和运营比较关心的一点就是活动的气氛够不够浓烈，我们探讨了很多想要表达活动气氛的想法，而引导动画现在很流行也是现今最佳的设计解决方案。我们设计引导动画时采取了通过第一人称视角的方式，给予用户进入展览馆最直观的感受。

活动引导动画播放完后进入主题页面，为了让用户知道下一步的引导操作，我们对展厅下方的箭头做了引导动画，提示用户这是一个可操作按钮。如果不做一些可用性测试或了解一些用户反馈，设计师永远不会知道用户对一些操作引导的感知到底有多弱。这也导致我们在整个年账单的活动中，除了设计引导操作按钮的同时还保持了左划右划翻页的双重交互方式。

· 回忆

呼吁品牌大主题“连接”，通过“拥抱过去，连接未来”为展览主线，带领用户进入第一展区。回忆“何时何地”入股市激发用户情感共鸣。我们通过数据分析，选择了安信开户最多的几个城市进行了有针对性的页面设计和文案设计，而对于用户量较少的地区，我们就采用统一的设计与文案。

掌上交易连接科技融合品牌服务；年末高手表现”衔接个人投资“成绩”展区。

· 总结

展现“年账单”核心功能，循序渐进至第二展区：个人成绩。通过“成绩是投资艺术的沉淀”引入，用户在艺术馆行进，观览个人投资成绩单，并根据数据搭配文案，减弱数据的冰冷。无论数据好坏，每一页皆为画卷皆为艺术。再次体现品牌对用户的鼓励和珍视。

· 传播

“身临其境”观览结束，推门离开。再次利用空间架构，在“门”上及离开展厅后的院子里，展示品牌对用户“往年支持的感谢及未来一起携手连接”的期许，再次呼应主题。一起经历了，总得留下什么，最终生成个性化参展纪念卡，促进用户分享与传播。

“门”上的图案设计，我们起初尝试了几种设计方案，效果都不是很好。我们想到了我们所设计的2019年24节气插画元素是中国工笔画的风格，于是直接把我们的插画元素拿过来作为图案复用。

设计初期我们打算用世界名画来代表每种纪念卡，但是因为公司图片版权库素材有限，无法找到合适的匹配素材，这一方案也就只好作罢。也想过由我们设计师自己来绘制，但因为项目时间问题没能实现。

写在最后

安信手机证券App经过了好几个年头，年度账单对于设计团队来说是比较重要的项目。本次年度账单是团队3名设计师合作的结果，尽管因为成本原因很多设计想法没有表现出来而有所遗憾，但经过这次项目的历练，设计师的水平有较大的提升。我们一直思考设计对于金融行业的作用本质到底是什么？在面对市场的波动、冰冷的涨跌幅数字、复杂的金融规则的情况下，我们希望除了能够解决体验上的问题，同时还能够给我们的用户通过设计传达我们品牌专业、温情的一面。