京东在2019年年底推出年度账单对京东用户一整年的消费数据和用户服务进行盘点和总结，体现对用户的情感关怀和品牌宣传。

设计背景 BACKGROUND

/

个人空间数据承接：

目前京东APP没有用户个人信息的承载页面，用户在京东上产生的信息分布零散，没有得到有效利用。通过打造个人空间，聚合用户在京东上的成就及行为，增加用户与京东的情感连接，同时提升用户在我京的活跃度。个人空间中承载了用户在京东APP中的成就及生产的内容。一期内容包括用户的消费数据展示、勋章展示、账单功能、及UGC内容聚合。涉及的页面包括个人空间主页面，月度账单页面、历史账单页面。

年度数据盘点：

个人空间承载年度账单功能，本次账单盘点整合归纳用户所有的消费数据、物流数据、plus数据，金融数据，并进行场景包装。

用户诉求：

每年年底是用户回归一年和进行总结的时刻，京东也将结合实时发展，推出年度账单，对用户19年在京东的消费和京东带给用户的服务进行盘点和总结，给用户带来惊喜。

品牌宣传：

同时年度账单也是年底关键时刻为品牌宣传的契机、品牌价值观宣传，品牌好感渗透，存量用户维系和对用户情感关怀。

设计目标 DESIGN GOAL

/
设计目标的提炼从项目定位分拆设计驱动因素，寻求设计关键抓手。

项目目标定位：

项目定位分拆多角度设计定位，从平台侧需提升品牌形象、物流优势、与用户的情感连接；从用户侧需提炼出用户关注的数据和内容等信息呈现；从合作业务侧视角，需扩大plus推广宣传、物流推广、和平台优惠信息等。

设计驱动因素：

外部驱动因素有账单推广，站内入口信息曝光、站外的分享裂变；内部驱动因素从本身的设计内容触达用户，达到与用户情感共鸣和价值认同。

设计关键抓手：

账单内容分拆故事场景、内容信息、数据信息。从场景来说，需和用户关联性更强，同时具有品牌特性，也要有故事线的穿拆。从内容信息来说，用户需容易理解，具有可读且更加情感化可以触达到用户。
从数据来说，除了用户常常关注的基本消费数据、也需有个性化的数据、创新的数据增添新意，刺激用户分享。

用户分拆 USER ANALYSIS

/

「头部用户」 ：

在京东有多样化数据沉淀，消费金额高，品类多，人物画像完整，数据本身信息就是用户的关注亮点；

「一般用户」 ：

数据较为平淡，消费金额较低，品类较少，需要有创新的数据包装，寻找普通中的差异化、个性化的属性标签；

「新用户」 ：

数据较为简单，甚至部分无数据，需要注意零数据的风险规避与文案串联；

数据筛选 DATA FILTERING

/
设计数据内容除了从创新数据的提取上，也希望为京东物流与plus业务赋能。对用户熟悉的京东业务一整年里为用户提供了那些服务做数据的总结。同时对京东物流数据、plus业务的用户数据进行数据包装、围绕京东与用户用户关系故事串联账单场景剧本。

场景化头脑风暴 BRAINSTORMING

/
设计定位和场景内容关联、最后以用户最熟悉的下单购物流程，以包裹出库到配送到家的经历过程为背景套用用户数据为用户讲述一个小故事回顾用户一年在京东留下的点点滴滴。

剧本方案 SCRIPT

/
设计内容从创新数据的提取上，也希望为京东物流与plus业务赋能、让用户熟悉的京东业务一整年里为用户提供了那些服务做数据的总结。同时对京东物流数据、plus业务的用户数据进行数据包装、围绕京东与用户用户关系故事串联账单场景剧本。

分镜方案 STORYBOARD

/
制作前期，剧本进行分镜草稿的处理，将镜头场景人物转场串联起来，完整的叙述整个故事，把控整体节奏，避免后续不必要的修改成本。

视觉风格定义 STYLE

/

风格探索

我们找到了大量的竞品及插画风格进行横向对比，最后决定使用线条描边插画的风格，因为项目周期紧张，线条风格可以快速搭建画面并富有设计形式感，以及设计协同上方便大家快速理解，保持整体风格的一致性。

关键词

年度账单首先要体现品牌特性，将品牌基因贯穿，体现品牌的温度；年末期间，热烈的氛围，温馨的画面，将跨年及春节的欢乐、热闹、团圆的情感融入其中。

视觉元素

尝试在线性插画的基础上进一步突破，在孟菲斯风格上进行延展，明快大胆的配色与线条，抽象意识流的元素及纹理，赋予年度账单梦幻、温馨、热烈的风格氛围。

设计方案 DESIGN

/
起始 The curtain rises
故事从一个包裹开始…

第一场景 SCENCE 1

以用户下单商品后快递包裹的视角进入账单、讲述包裹从出发到用户收到包裹的过程

· 物流场景代入——场景连续性：以包裹配送路径包装账单年度数据，物流空运到货运到开始配送进入场景。场景连续性和行驶中状态设计，包裹进度节奏把控。
· 京东品牌宣传和情感连接：体现京东物流运输场景、品牌感知、温情话术连接、京东所做的努力、优势服务态度和对用户的情感关怀。

第二场景 SCENCE 2

通过push派送转场、视觉切换到用户自己，同时通过派送进度建立包裹和用户的视角场景链接
· 手机收到push消息触发转场：以用户最期待的收到派送消息场景转场、即将到达的消息转入用户家中，用户自己正在查看包裹动态。
· 转场回到用户自己消费属性：用户头像自己属性标记用户收货地址，镜头切换回到自己家中。
· 行为引导：在每一个场景切换前增加行为引导按钮。避免节奏过快。·惊喜伏笔&进度包装：配送小车和家做进度展· 物流场景代入——场景连续性：以包裹配送路径包装账单年度数据，物流空运到货运到开始配送进入场景。场景连续性和行驶中状态设计，包裹进度节奏把控。

第三场景 SCENCE 3

· 消费数据展示/品类信息：铺开所有消费品类商品。取用户常买一级消费品类类目-展示用户常买商品和消费数据信息。
· 创新数据：以优惠消费信息包装相当于省了**。

· 消费品类详细信息：聚焦用户常消费品类信息。展示下单次数和占比。

· 宝箱打开展示用户个性化消费内容：全部品类旋转、出现惊喜宝箱。

· 用户买过最贵/最纠结商品/plus专享：这一年对于自己来说印象深刻的商品还有专属plus的特别数据。

第四场景 ENDING

用户和包裹视角的场景融合、达到故事高潮、惊喜送达完美ending

· 伏笔惊喜到达：伴随着敲门声、快递小哥满怀热情送达。

· 拆开惊喜：拆开包裹展示用户消费观属性词。

静态视觉稿 PAGES

/

数据体现 DATE REFLECTION

/
参与UV超去年200+%。账单用户持续增长，1月1日全量push后uv达最高峰值，各项数据均比往年有明显提升，上线一周后，仍引起参与UV上涨小高峰，活动累计订单超高量级。

项目总结 PROJECT SUMMARY

/
1、本次账单的结尾页分拆不同消费属性用户、对每种同类用户随机3种不同的结尾页面。但是最后数据看查看账单的依旧是京东核心用户、消费金额较高人群和省的多人群较多，所以对这类用户人群精细化程度还需深入；

2、文案前置梳理保持场景切换连贯性；
3、结果页展示背景使用了一整张图片，这样会导致页面其他元素的定位和图片背景的位置，在不同的手机屏幕出现对不齐的情况；
4、本次账单时间紧、任务重是参与的难点，未来可以利用丰富的数据层面，结合竞品画布，打造更丰富的玩法。

原文链接：https://jelly.jd.com/article/5fe95c7eb402750151b504db
时间：2012.1.12