作為中國(guó)互聯(lián)網(wǎng)巨頭-支付寶，當(dāng)然對(duì)于H5也不可能落下，作為年度賬單的慣例，支付寶今年同樣使用H5的方式來(lái)展現(xiàn)。小編就帶大家來(lái)看看今年的支付寶H5案例吧！

案例：你的2019年賬單來(lái)了

品牌：支付寶

技術(shù)實(shí)現(xiàn)： video + JavaScript

亮點(diǎn)：

1、創(chuàng)意定位

支付寶APP對(duì)用戶在2019年全年總支出的總結(jié)，提供用戶粘合度。

2、策劃上

① 需要進(jìn)入支付寶APP，在首屏頂部的搜索欄中，輸入“2019年賬單”，出現(xiàn)看到年賬單Banner；

② 開(kāi)始是一段2秒左右的視頻，像是一個(gè)書(shū)架，逐步靠近，書(shū)架上有2019年支付寶年賬單的書(shū)，點(diǎn)擊查看，輸出輸入支付密碼的提示，這個(gè)操作比2017年和2016年的支付寶年賬單多出的步驟；

③ 展示的是你本人2019年支付寶數(shù)據(jù)，你和支付寶在一起多少天；花在哪方面的錢(qián)最多，是多少(我是實(shí)實(shí)在在的吃貨，你呢？)；光顧了多少個(gè)老板的生意，支付了至少多少次；用支付寶辦事，少跑多少趟；至少對(duì)幾個(gè)外賣小哥說(shuō)謝謝，幾月份訂餐多；低碳減排；支付寶的小程序與幾個(gè)好友互動(dòng)；小程序中的游戲活動(dòng)；集過(guò)了幾年的五福；2019年總支出（這里的總數(shù)可以隱藏不直接顯示具體數(shù)字）和支出明細(xì)。在列出10個(gè)不同維度的數(shù)據(jù)后；

④ 為2020許下美好心愿，在許愿燈上飄著很多主題標(biāo)簽，點(diǎn)選其中的一個(gè)，生成自己的許愿燈。

3、設(shè)計(jì)上

手繪插畫(huà)，畫(huà)面很暖，畫(huà)風(fēng)與2017年很像。

4、體驗(yàn)上

案例中的數(shù)據(jù)因?yàn)榕c自己有關(guān)，所以樂(lè)意分享。小藍(lán)的朋友圈，今天就被支付寶的年賬單刷屏了~~