H5互動游戲
微信游戲開發案例

品牌年終回顧類H5案例分享

每當新舊交替之際,跨年的儀式感就瞬間呈現在了大眾的面前。一些品牌商家為了更好地向大眾展現自己的企業發展歷程,便通過H5打造營銷推廣活動,其所帶來的效果也是顯而易見的。接下來,將由藍橙小編為大家分享三款品牌年終回顧類H5案例

案例一、掌上賬本——滑動手指讀預算

1、創意定位

該款案例通過講解的方式為大家講述了廣東2019年賬本預算草案及其參閱材料,以內容科普的形式展現出了廣東在2019年的財政狀況。

2、策劃邏輯

以選項的形式指引用戶觀感自己的想看的內容,整體內容分類明確,結構邏輯清晰,使用戶能夠快速找到自己想要的資料。

3、音效上

節奏輕快的純音樂,能讓用戶在輕松愉悅的環境下看完整個案例。

3、設計上

整體視覺嚴肅中透著活潑,結構緊湊,每一個模塊都被充分利用,給人一種整體內容豐滿且易瀏覽的感覺。

4、交互體驗上

整體內容豐富,其中還包含了2019廣東財政的整體預算數據,賬本頁分為四個模塊,用戶可點擊任意一個模塊進入,進入后可左右滑動,查看更多的內容詳情,滑到最后一頁,在頁面右上角有返回賬本按鈕,點擊即可返回賬本選擇頁面。而在每頁的右上角都有一個漢堡按鈕,只要點擊,就會出現目錄列表,以及顯示你現在所在的具體位置。

0b6ac2ff4b81244b48f53436799c34d5.png

掌上賬本——滑動手指讀預算

案例二、您收到一張興業銀行上海分行開業24周年邀請函

1、創意定位

以游輪航行的視角向大眾展示興業銀行上海分行開業24周年的發展歷程。

2、策劃邏輯

以頁面滑動的形式來為大眾展示興業銀行上海分行開業24周年的發展歷程,每到一個階段,都會有文字跳出,并為大家呈現該階段興業銀行所經歷的事情。

3、音效上

跳動歡快的輕音樂,配上游輪的鳴笛聲,代入感極強。

4、設計上

頁面整體氛圍較為輕松,內容較為簡潔,能讓用戶更清晰地了解到興業銀行這些年來的發展狀況,每經歷一個階段,頁面都會附上文字并配以圖片,使整個邀請函設計感十足。淡藍色為主的背景,給人一種良好的視覺體驗,提高了用戶體驗度。

5、交互體驗上

進入H5后,首先會彈出一個興業銀行的邀請函,而在邀請函的下面有一個接受邀請的按鈕,點擊后即可進入活動詳情界面。

整體界面簡潔,交互簡單,并配有局部圖片和不同音效,很容易讓用戶沉醉其中。當內容展示完畢之后,會出現一份旅行考驗,只要答對考驗即可進行海報分享頁面,如果答錯,將會出現正確答案,然后再跳轉到海報分享頁面。在海報分享頁面里,左右上會出現您的微信頭像、微信名稱及興業銀行留下的感謝致辭,而左下角則是長按保存海報,還可以分享給朋友,右下角是與好友一起見證,點擊過后,將會出現一個分享提示,只要按照提示操作,即可把這張海報分享給好友,而在這個按鈕的上方還有一個二維碼,只要長按二維碼積分保存和收藏。

興業銀行上海分行開業24周年

案例三、滑動手指,畫出光大信托歷史和未來

1、創意定位

通過手指滑動的形式來為用戶展現光大信托2014-2020的歷史長卷。

2、策劃邏輯

以2014年過渡到2020年,其中所展示的內容讓用戶更清晰地了解光大信托這六年來的發展歷程,整體界面動感十足,給人一種良好的視覺體驗,界面滑動到最后,將會向大眾展示自己的品牌。

3、音效上

帶有古風韻味的音樂,搭配古風味的界面,代入感極強。

4、設計上

整體界面宏觀大氣,以鳳凰飛舞的形態為用戶形成良好的視覺沖擊,到內容后面,每滑動一次,都會有鳳凰的羽毛出現,并起到界面點綴的作用。再配以古文,顯得古風味十足。

5、交互體驗上

整體界面主要是用手指滑動,每滑動到一個階段或者區域,就會跳出各種動態,使整體頁面動態感十足,有著內容都是提前隱藏好的,只要滑動到指定區域,就會自動顯示相關內容。到活動的末尾會出現光大信托的品牌名,而下方則會出現兩個按鈕“時光倒流”和“共展未來”,點擊時光倒流即可返回案例最初的界面;點擊共展未來界面會變黑,并出現一只鳳凰!

畫出光大信托歷史和未來

以上三款H5案例都以不同的風格來向大家展示另一種跨年儀式感的打開方式,并通過年度回顧總結的形式來向用戶匯報品牌企業近些年來的發展歷程,讓用戶對企業有更加深入地認識。如果您也想擁有一款這種類型的H5案例,可以到藍橙互動的官網進行瀏覽,那里有千款案例在等著您!

?
微信公眾號
西安H5開發

掃碼為你提供幫助

聯系我們
H5案例
天天影视色香欲综合视频人妻|84pao国产成视频永久免费|明星视频中文字幕一区|91天仙TV国产第一页