億眾互動H5：2022必達成的66個年終成就，你占幾個？

數(shù)英評分

收藏9 評論

舉報 2022-12

掃描,分享朋友圈

每逢跨年之時，大家都會熱衷于對過去一年自己的經(jīng)歷做個全盤回顧和總結(jié)，通過儀式感滿滿的復(fù)盤告別過去一年的自己，迎來新一年的曙光！

此支H5以清單選擇為核心玩法，模擬用戶就餐點單的場景，讓其在學(xué)術(shù)、事業(yè)、健康和娛樂等方面點選自己在2022年有過的奇葩成就，伴隨著小票打印機“咔擦咔擦”的聲音，從小票機口吐出自己的年度成就小票，生動逼真，場景感十足。

這樣“搞”又奇葩的成就其實是用戶過去一年的平凡經(jīng)歷，平凡小事皆是所成，在年終做一個成就小票這樣的總結(jié)，儀式感滿滿，詼諧的夸夸賬單也不自覺地讓用戶想要炫耀一波，具有社交貨幣的分享屬性~

同時，海報借小票文學(xué)的熱潮，以小票的形式承載用戶選定的內(nèi)容，新穎的形式易引發(fā)用戶分享。

掃描二維碼，開啟你的成就點單！
（數(shù)英APP用戶需點擊放大二維碼，長按識別）

一、創(chuàng)意亮點

1、內(nèi)容有趣，分享性強

選項內(nèi)容詼諧搞笑，在用戶或贊或喪的生活經(jīng)歷中挖掘出正向的立意點，反差中給用戶超出意料的驚喜感，在平凡小事中多角度地夸夸用戶，讓其樂于分享。選項內(nèi)容也設(shè)置為大眾更有可能經(jīng)歷的事情，在引起用戶共鳴和不過度暴露隱私信息中實現(xiàn)了很好的平衡，幫助用戶樹立積極開朗的幽默人設(shè)，具有社交貨幣的分享屬性。

2、形式新穎，交互有趣

將點餐的場景流程套用在用戶做年終總結(jié)的過程中，將其所選的選項包裝在賬單小票中，借“小票文學(xué)”的熱潮，創(chuàng)作出新奇的海報形式，既契合主題，又能超出用戶預(yù)期，點單的過程交互簡單，趣味十足，符合用戶體驗充滿驚喜感。

3、設(shè)計出彩，畫風(fēng)詼諧

整支H5的UI頁面設(shè)計模仿點單的場景感，用戶翻開皮質(zhì)封皮——點單——結(jié)算小票，一套點單操作行云流水，帶給用戶熟悉感和沉浸感，同時，以拼貼風(fēng)格和emoji復(fù)合小表情來制作與事件相對應(yīng)的插圖，配合事項文案，傳遞出更多信息和詼諧情緒，用戶點選事項后，事件插圖會有幾秒的反饋動效，及時生動。

2022必達成的66個年終成就，你占幾個？

二、策劃邏輯

1、loading頁

努力向前奔跑的黃豆人揮汗如雨，就像辛苦奮斗了一整年的我們一樣，帶著對具體生活的喜悅熱愛和種種魔幻現(xiàn)實的不解與憤怒，走到了2022年的年終歲尾。橙色皮制的封面質(zhì)感、邊緣細密的縫線，使點單pad更加逼真高級，進度條隨之加載，下方變化著對過去一年的總結(jié)或是吐槽，趣味十足。

2、點單頁

Loading頁加載結(jié)束后，封皮翻開，映入用戶眼簾的就是點單頁面了，頁面模仿就餐點單頁面的同時，加入了一些本扣、書簽等小元素，拼貼的風(fēng)格使用戶具有場景熟悉感的同時，又有出乎意料的驚喜感。用戶可以在打工事業(yè)、學(xué)術(shù)文化、運動健康等左側(cè)的大分類中選擇相對應(yīng)的分類事件，點選后加入購物車，也可以隨時點開購物車查看、刪減已選事項。除此之外，還設(shè)置了部分可選規(guī)格的事項，比如在甩鍋背鍋運動中，用戶可以自選是“甩鍋”還是“背鍋”，更加精準(zhǔn)地對標(biāo)用戶經(jīng)歷，切合用戶處境，成為其互聯(lián)網(wǎng)嘴替，也讓內(nèi)容選擇更加豐富。

3、人才圈

在人才圈中，系統(tǒng)預(yù)設(shè)了數(shù)條對過去一年的總結(jié)或吐槽文案，讓用戶一看就覺得說到心里去了，可以上下滑動瀏覽的過程中動動手指點點贊！

4、輸入信息頁：

用戶選擇完所有選項之后，在信息輸入彈窗中輸入名稱，下滑選擇年度成就感言，就可以一鍵打印自己的年度成就小票啦！

5、海報頁

伴隨著咔嚓的小票打印音效，小票打印機口緩緩?fù)鲁鲆粡堄脩暨x擇的小票打印單，其選擇的年度成就感言被拓印在主標(biāo)題下方，專屬性和個性化得到很好的體現(xiàn)。用戶可以上下滑動查看所有的已選內(nèi)容，點擊“重新打印”可以重新點單，點擊“炫耀一波”，則可以分享給好友，同時，用戶頁也可以長按保存自己的成就小票，生成海報，進行分享和傳播。

2022必達成的66個年終成就，你占幾個？

三、視覺設(shè)計

1、頁面設(shè)計包裝成就餐或外賣點單的場景，只不過用戶點選的不是菜品，而是在22年所獲得的成就，通過熟悉的頁面場景設(shè)計讓用戶產(chǎn)生熟悉感。同時，在點單頁面的設(shè)計中融合了縫線、本扣、圓環(huán)等與筆記本相關(guān)的元素，對應(yīng)著loading的皮質(zhì)封面，又給到用戶出乎意料的驚喜感，熟悉中帶著幾分驚喜的陌生，可謂是創(chuàng)意滿滿！

2、橙黃色的主視覺充滿跨年的喜慶氛圍，banner圖綻放的煙花和金獎杯的店鋪頭像設(shè)計也為成就感滿滿的年終總結(jié)增添了幾分儀式感?？紤]到本支H5的創(chuàng)意亮點主要是在選項內(nèi)容的文案上，設(shè)計時也對內(nèi)容文案的字體字號進行了斟酌，放大到保證用戶看清的程度！

2022必達成的66個年終成就，你占幾個？

四、轉(zhuǎn)場、動效及音效

1、轉(zhuǎn)場絲滑流暢，翻開皮質(zhì)封面之后，用戶從loading頁過渡到點單頁，點單結(jié)束之后，成就賬單會從小票打印機口吐出，避免了用戶體驗時的割裂感。

2、動效精巧，每個事件配圖在用戶點選后，都會出現(xiàn)一個2s左右的配圖動效，反饋及時又能帶給用戶意想不到的驚喜感，使整個體驗流程更加生動有趣，避免用戶產(chǎn)生煩躁焦慮的情緒。其次，在生成海報時，小票緩緩從小票打印機中被吐出，2.5s之后小手將小票拽出，既模擬還原了小票打印的過程，充滿儀式感，又不至于讓整個體驗流程過長。

3、背景音樂詼諧中帶著喜悅，十分契合奇葩又“搞”的成就賬單，使用戶在幽默歡樂的氛圍中完成點單，減少流程的乏味與枯燥感，結(jié)尾生成海報時，打印機咔嚓咔嗞的音效使體驗更加真實，直戳用戶爽點！

2022必達成的66個年終成就，你占幾個？