網(wǎng)易：2022年了H5年終賬單這塊老子從未輸過！
工作所需，今年花了挺多心思整理各大平臺的年終賬單/報(bào)告，一共整理了20個平臺的年終報(bào)告，對比下來無論是創(chuàng)意還是頁面設(shè)計(jì)以及交互上網(wǎng)易云音樂依舊是YYDS！總是被模仿，但從未被超越！
我也從個人視角針對H5年度賬單的關(guān)鍵詞、場景、數(shù)據(jù)維度這幾個方面進(jìn)行了案例的解析闡述，相信這份梳理對于所有做創(chuàng)意的同學(xué)都是有用的，即使不是做創(chuàng)意相關(guān)工作的同學(xué)，也建議收藏起來，說不定哪天就有用呢？
每個平臺的案例，我都梳理出了頁面截圖、分享頁、二維碼、主題，以及我個人針對案例的一點(diǎn)拙見。那么，我們開始吧?？赐曛笥浀迷u論區(qū)告訴我，你最喜歡哪家的年終賬單哦~
一、得到：圍繞大學(xué)概念
關(guān)鍵詞：
學(xué)院風(fēng)、頒獎典禮、插畫與數(shù)據(jù)維度相呼應(yīng)、推進(jìn)式進(jìn)入回顧頁面、多動效。
場景分析：
以頒獎典禮為場景，貫穿整個H5，從設(shè)計(jì)風(fēng)格到設(shè)計(jì)圖標(biāo)，通過數(shù)據(jù)的調(diào)用以插畫的形式展示，最終分享頁會有某個數(shù)據(jù)對應(yīng)某個獎項(xiàng)，授予一個“eg:終身成長者”稱號
數(shù)據(jù)維度：
①注冊時間②學(xué)習(xí)時長&課程門數(shù)③學(xué)習(xí)時長最久的一天&學(xué)習(xí)至深夜最晚的一天（同時間點(diǎn)還有×位同學(xué)一起學(xué)習(xí)）④使用最多的功能⑤分享的次數(shù)⑥學(xué)分（積分）⑦平臺年度大事件⑧學(xué)習(xí)最多的學(xué)科占總學(xué)習(xí)時長的百分比
二、豆瓣-社區(qū)：文藝融進(jìn)了我的血液里
關(guān)鍵詞：
平臺大事件后緊接著個人年度社區(qū)賬單；主色調(diào)和品牌色調(diào)相結(jié)合“綠色”；卡通人物形象突出、文藝風(fēng)
場景分析：
事件軸線結(jié)合一個卡通人物在月光下行走，類似散步的一個動效場景
數(shù)據(jù)維度：
①注冊時間 ②發(fā)布的動態(tài)條數(shù) ③動態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動態(tài) ④發(fā)布動態(tài)做多的一天 ⑤參與討論最多的話題 ⑥結(jié)識×位朋友 ⑦加入的小組數(shù)據(jù)，在某個小組停留的時間最久；逛小組的時間點(diǎn)（中午）在小組逛的時間最長的一天。在小組中獲得的身份 最后，選擇了關(guān)鍵詩，拼貼詩句（文藝）
三、嗶哩嗶哩：沒人誰比我更懂年輕人
關(guān)鍵詞：
B站熱詞結(jié)合、個人最喜歡的UP 主、星探等詞匯讓人印象深刻， 文字表達(dá)方面具有優(yōu)勢，更能吸 引年年輕人。最后還有鉤子吸引 用戶將年終報(bào)告分享出去。
場景分析：
采用時光機(jī)的場景，每一頁面 都與設(shè)置的場景相互結(jié)合，主 色調(diào)為紫色與藍(lán)色相、結(jié)合， 畫面設(shè)計(jì)很有質(zhì)感。
數(shù)據(jù)維度：
數(shù)據(jù)展示方面很有平臺特色，更能吸引用戶分享。注冊時間、年度相伴時長、看視頻個數(shù)、時長、最晚看視頻時間、 B站DNA（喜歡哪個方面的視頻） 學(xué)習(xí)時長以及查看最多的UP主，循環(huán)播放最多的視頻等、點(diǎn)贊次數(shù)、發(fā)布視頻個數(shù)......
四、支付寶-理財(cái)：螞蟻就要科技感拉滿
關(guān)鍵詞：
科技感、吉祥物貫穿、繞地球 走動場景
場景分析：
以螞蟻吉祥物為代表，結(jié)合 每個文案去設(shè)計(jì)與之匹配的 設(shè)計(jì)圖，沒有很強(qiáng)的故事性 就是單純的數(shù)據(jù)羅列，唯一 不同于其他的是關(guān)鍵詞在第 一頁，末尾是好運(yùn)簽
數(shù)據(jù)維度：
數(shù)據(jù)維度：今年的收益及收益率、收益最高的金額和產(chǎn)品，收益最低的產(chǎn)品與金額，翻閱資訊的時間。
五、網(wǎng)易云音樂：創(chuàng)意是我的信仰
關(guān)鍵詞：
健康色、大自然、小島、 定制人物形象、分享頁與去年類似
場景分析：
定制一個角色形象，進(jìn)入一個 小島，根據(jù)路徑看到自己的相 關(guān)數(shù)據(jù)，其中還設(shè)置有其他人 物形象，好感度拉滿。文案部 分更是出彩。故事性很強(qiáng)。
數(shù)據(jù)維度：
先說出關(guān)鍵數(shù)字，再去解釋、今年收聽的歌手人數(shù)、曲風(fēng)涵蓋×種類、各種曲風(fēng)占比、音樂靈魂年齡、風(fēng)格切換最大的兩首歌、最喜歡的歌曲、最晚聽歌的一天、聽過最久遠(yuǎn)的歌年齡、所在地曲風(fēng)、博客數(shù)據(jù)。用總分的形式，有故事性，關(guān)鍵數(shù)字也讓用戶抱有好奇心繼續(xù)看完
六、QQ音樂：數(shù)據(jù)精準(zhǔn)是第一要義
關(guān)鍵詞：
簡潔、時光采樣、音樂星球 分享頁不是很有吸引力，數(shù)據(jù)準(zhǔn)確。
場景分析：
授權(quán)按鈕，開頭以日歷為場景 一個人一只貓坐在音樂的船上 漂浮在海面上，有一種宮崎駿 的漫畫風(fēng)格，和植物相互融合 貼近自然，音樂與自然的結(jié)合， 所有場景中均有l(wèi)ogo，根據(jù)歌名給到契合的場景設(shè)計(jì)
數(shù)據(jù)維度：
全年一共聽歌×首，連續(xù)聽×首歌，最早聽歌的一天，全年聽歌最久的一天×小時×分鐘，最喜歡×的歌，最喜歡的歌手。
七、樊登讀書：暖暖的，沿用去年蠻好的
關(guān)鍵詞：
閱讀、書籍、年度關(guān)鍵詞
場景分析：
開頭設(shè)計(jì)的是打開書屋的場景，隨后根據(jù)頁面的文字在發(fā)揮。設(shè)計(jì)頁面太簡單，有些拉胯，感染力欠佳。
數(shù)據(jù)維度：
①注冊時間②閱讀的第一本書③年度收聽的書籍?dāng)?shù)量④超過×%的用戶⑤收聽最多次數(shù)的一本書⑥最早最晚聽書的時間和書籍⑦收聽的最冷門的一本書⑧收聽的書籍大類的改變⑨年度書單
八、美團(tuán)：一個年終賬單而已，就這樣吧！
關(guān)鍵詞：
除了logo變了其他沒有什么創(chuàng)意
場景分析：
吉祥物與頁面文字描述的場景 相互結(jié)合起來做的頁面；簡單 的數(shù)據(jù)羅列；設(shè)計(jì)上也缺少美 感，沒有任何創(chuàng)意點(diǎn)
數(shù)據(jù)維度：
①注冊時間 ②訂單數(shù)量 ③消費(fèi)數(shù)量 ④城市 ⑤同樣的美食點(diǎn)的最多的一種
九、喜馬拉雅：網(wǎng)易很酷，多向他們學(xué)習(xí)！
關(guān)鍵詞：
動漫人物 、地球
場景分析：
人物與地球的互動場景，結(jié)合每個頁面的文字，設(shè)計(jì)對應(yīng)的場景去表達(dá)；展示形式上中規(guī)中矩
數(shù)據(jù)維度：
①根據(jù)你閱讀的大類，統(tǒng)計(jì)出你最愛看的哪個行業(yè)的信息 ②年度聽單（篩選聽的最多的前×個節(jié)目名稱 ③生成專屬分享海報(bào) ④最后有個類似彩蛋的名人的錄音發(fā)過來作為收尾
十、知乎：我還是曾經(jīng)那個文藝小少年
關(guān)鍵詞：
年度大事件與年度賬單相互 結(jié)合、暖色系
場景分析：
頁面設(shè)計(jì)上也沒有什么出彩的點(diǎn)，大事件采用選項(xiàng)的形式增 加了互動，個人年終賬單就是 常規(guī)的以數(shù)據(jù)的羅列
數(shù)據(jù)維度：
①瀏覽了多少問題 ②寫了多少回答 ③瀏覽最多的內(nèi)容 ④搜索過多少次 ⑤為多少內(nèi)容點(diǎn)過贊 ⑥根據(jù)你點(diǎn)贊的內(nèi)容推薦知乎 博主
十一、微信讀書：將簡潔貫徹到底！
關(guān)鍵詞：
簡潔、色彩搭配 無背景音樂
場景分析：
以時間軸線和英文月份，對應(yīng)到季節(jié)點(diǎn)，加上色彩的搭配，與去年的賬單沒有特別大的差異但還是給到了非常好的用戶體驗(yàn)回歸報(bào)告的本質(zhì)。
數(shù)據(jù)維度：
①注冊時間 ②某個季節(jié)閱讀時長最長的一本書，閱讀這本書的總時長 ③年度閱讀完的書籍前9 ④生成關(guān)鍵詞分享海報(bào) ⑤輸出的筆記條數(shù)
十二、豆瓣-書影：信息量太大，全靠設(shè)計(jì)了！
關(guān)鍵詞：
骰子、集合、內(nèi)容量大 濃縮
場景分析：
以骰子為動態(tài)牽線，貫穿整個 H5，骰子的一面為綜合數(shù)據(jù)， 再反轉(zhuǎn)為書的數(shù)據(jù)、再反轉(zhuǎn)為 影視的數(shù)據(jù)，再反轉(zhuǎn)還有喜歡 的導(dǎo)演的數(shù)據(jù)、演員的數(shù)據(jù)... 設(shè)計(jì)很美觀。
數(shù)據(jù)維度：
①看了多少書、影視作品 ②關(guān)注的導(dǎo)演、作者、編劇 ③瀏覽最多的內(nèi)容 ④參與討論的話題 ⑤注冊豆瓣幾年 ⑥分享過多少次
十三、高德地圖：誰還不喜歡玩呀！抖抖雪看看
關(guān)鍵詞：
時光機(jī)、動畫風(fēng)、吉祥物
場景分析：
吉祥物的走動貫穿整個H5， 結(jié)合每個頁面上展示的文字， 畫面中吉祥物與相關(guān)場景進(jìn)行 互動，中間還設(shè)置有積雪 模塊，需要用戶手動搖一搖才 能看到積雪后的文字，搖一搖 之后還會出現(xiàn)煙花場景。aha時刻
數(shù)據(jù)維度：
①注冊時間 ②今年第一次使用APP導(dǎo)航的終點(diǎn) ③最遠(yuǎn)一次出行×KM，和城市 ④搜索過多少次 ⑤企業(yè)大事件或公益事件 ⑥生成關(guān)鍵詞分享頁面
十四、抖音：即使是年終報(bào)告也要做的像短視頻一樣有故事！
關(guān)鍵詞：
動畫風(fēng)、畫面設(shè)計(jì)和音樂相 當(dāng)完美，很有代入感。
場景分析：
一個小孩子的形象，帶著好奇心 步入了抖音這個大世界，奔跑著 去探索去發(fā)現(xiàn)去輸出，然后就有 了一系列的數(shù)據(jù)，生成了這一年 的報(bào)告，最終也會有一個關(guān)鍵詞 分享頁面。整體觀感很棒。不足之處是角色關(guān)鍵詞太過常規(guī) 缺少創(chuàng)意
數(shù)據(jù)維度：
①注冊時間 ②觀看最多的視頻內(nèi)容大類 ③最喜歡看的一個博主 ④關(guān)注最多的領(lǐng)域 ⑤點(diǎn)贊和評論 ⑥系統(tǒng)提醒休息；輸出了多少視頻
十五、中通快遞：我有一個漫畫里的公主夢，快遞員是霸道總裁
關(guān)鍵詞：
漫畫風(fēng)、強(qiáng)化快遞形象簡單的用戶維護(hù)和品牌宣傳目的，缺少一點(diǎn)暖色
場景分析：
美女與帥氣快遞員的互動場景 總感覺是哪個漫畫書里面的人物 形象？美則美矣，但沒有很吸睛 的地方，更加沒有讓人想分享的 欲望，就是比較簡單的羅列，畫面和動效上也沒有特別的出彩
數(shù)據(jù)維度：
①今年第一次使用時間 ②寄送包裹數(shù)量 ③最遠(yuǎn)一次寄送，和城市 ④周圍門店的數(shù)量 ⑤最常接觸的快遞員 ⑥派送的包裹來來自×城市 ⑦品牌相關(guān)的數(shù)據(jù)
十六、攜程旅行：世界很大，隨時隨地都要讓你看看！
關(guān)鍵詞：
清爽、logo海豚結(jié)合、數(shù)字化 很高級的配色
場景分析：
第一個頁面有感染到我，這不就 是大魚海棠的一個場景嘛，隨后 又用飛行了多遠(yuǎn)的距離去呈現(xiàn)上 用到了地球，也類比南極走到北 極，頁面的畫風(fēng)也是干干凈凈清 清爽爽的很舒服，分享頁參考了 網(wǎng)易的人物個性化定制，但人物 形象不是很可愛哎
數(shù)據(jù)維度：
①注冊時間 ②飛行距離，類比 ③最遠(yuǎn)抵達(dá)的城市，停留最久的城市；飛行最多的城市 ④累計(jì)消費(fèi)金額，年度消費(fèi)賬單；最高消費(fèi)的一次訂單 ⑤飛行次數(shù)最多的一個月；×個小時在飛機(jī)上；最晚定機(jī)票的時間；看過多少筆記 ⑥最終生成分享海報(bào)頁；人物形象和各類數(shù)據(jù)
十七、Keep：自律的人生是色彩斑斕的！
關(guān)鍵詞：
簡潔、每個頁面都是不同的色調(diào) 用戶體驗(yàn)感很舒服，用動畫形式 展示與運(yùn)動相關(guān)的場景，比如瑜 伽等，很有代入感。
場景分析：
人物形象進(jìn)入運(yùn)動之門的場景，期間會通過不同的數(shù)據(jù)維度設(shè)計(jì)相呼應(yīng)的運(yùn)動場景，比如早起運(yùn)動，最晚一次運(yùn)動場景，冥想等用數(shù)據(jù)與畫面相互結(jié)合來展示。很有美感
數(shù)據(jù)維度：
①注冊時間 ②最早一次運(yùn)動 ③練習(xí)時長最長的一次運(yùn)動 ④最喜歡練習(xí)×運(yùn)動 ⑤刷掉的卡路里 ⑥綜合數(shù)據(jù)展示
十八、支付寶：算了別創(chuàng)意了！我們只求安全！
關(guān)鍵詞：
動畫動效強(qiáng)、用戶參與度較高， 需要代入場景后進(jìn)行按鈕操作， 體感更強(qiáng)一些。
場景分析：
結(jié)合每一個頁面的數(shù)據(jù)場景設(shè)計(jì)出 需要參與的動效，例如外出給到的 是按鈕紅綠燈、快遞員的場景給到 的是擊掌....開頭與結(jié)尾畫面相呼應(yīng)。整體上沒有特別的驚艷，但也看起來很舒服。數(shù)據(jù)羅列上今年也精簡了許多。
數(shù)據(jù)維度：
①注冊時間 ②外出、在外就餐使用支付寶的店鋪數(shù)量 ③運(yùn)動產(chǎn)生的能量數(shù)據(jù) ④點(diǎn)外面的次數(shù)以及收快遞的次數(shù) ⑤總的支出與收入數(shù)據(jù)生成分享賬單 ⑥根據(jù)數(shù)據(jù)給到分享頁的關(guān)鍵詞
十九、個稅APP：誰說個稅就不能有年終報(bào)告了！
關(guān)鍵詞：
儀式感、大事件回顧
場景分析：
事件軸線結(jié)合一個卡通人物在月光下行走，類似散步的一個動效場景
數(shù)據(jù)維度：
①注冊時間
②發(fā)布的動態(tài)條數(shù)
③動態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動態(tài)
④發(fā)布動態(tài)做多的一天
⑤參與討論最多的話題
⑥結(jié)識×位朋友
⑦加入的小組數(shù)據(jù)，在某個小組停留的時間最久；逛小組的時間點(diǎn)（中午）在小組逛的時間最長的一天。在小組中獲得的身份
最后，選擇了關(guān)鍵詩，拼貼詩句（文藝）
關(guān)鍵詞：
小清新、數(shù)據(jù)羅列、輕盈 與時間管理相關(guān) 產(chǎn)品logo、小而美
場景分析：
以時間&日歷為場景，展示相關(guān)的數(shù)據(jù)。主色調(diào)為天藍(lán)色，視覺效果很清爽，外加簡單的動效（eg：浮動的云層；翻動的日歷等）關(guān)鍵詞的描述文案很契合；同樣以懷舊日歷的形式展示作為分享頁面。但文字的排版設(shè)計(jì)略微欠缺美感。整體還是給人一種小清新的美好，與APP給的感覺相同。缺背景音樂
數(shù)據(jù)維度：
①完成了多少任務(wù)，完成任務(wù)最多的月份 ②類比，完成率超過了*%的用戶 ③某一天完成的任務(wù)最多 ④累計(jì)成就值 ⑤完成的第一個任務(wù)的時間點(diǎn)
寫在最后：
-END-
qaz654321
請到「后臺-用戶-個人資料」中填寫個人說明。