「H5案例分享」讓你一秒變有面兒

「H5案例分享」讓你一秒變有面兒

h5anli.com

完整欣賞此案例大約需要1分45秒

案例:讓你一秒變有面兒

出品:一汽-大眾x網易新聞

鏈接:https://www.h5anli.com/cases/201809/ymsh.html

亮點:

1.創意定位,將人生比喻成一次地鐵出行,每一站都是人生的一個階段。

2.策劃上,操作手法是滑動屏幕,一圖到底的形式;H5主人公進入地鐵後,先後經歷了“轉眼畢業站”、“一往職前”、“組建家庭”、“猝不及房”、“禿然發現”等五站,形象的展現了人生需要經歷的各個階段;之後主人公走出地鐵,經過滿是有面兒生活的廣告牌,進入品牌轎車開啟了有面兒生活。

3.設計上,手繪漫畫風格,頁面上的細節很用心:每一節車廂門都根據不同的階段配有相關文案,不同的車廂窗外都有不同的風景。

4.體驗上,整體操作流暢,一氣呵成,但不同車廂之間的配樂銜接有些出戏,如果滑動的速度太快還會導致音頻重疊。

技術實現: createjs


「H5案例分享」讓你一秒變有面兒

h5anli.com

H5案例庫:h5anli.com


分享到:


相關文章: