美汁源：时光之旅

2017-08-21 H5案例分享 H5案例分享

案例：时光之旅

出品：美汁源

亮点：

策划上，这款h5是美汁源为“毕业日美汁源”产品所打造的一款h5。在这款h5中，以“毕业”为主题，从而开启一个大学生的“时光之旅”。在“时光之旅”中，以一个大四的女生缓缓讲述着大学时代的回忆，致已经逝去的青春。H5最后制作属于自己的毕业证。
设计上，设计师以“毕业”为主题，以“回忆”为思路，编织了这一款h5。整个h5以手绘视频的形势向用户展示了大学时代美好的生活，进而到最后制作属于自己的毕业证。设计师将美汁源“毕业日”产品作为结尾插入到毕业证中，给用户所表达了一种“毕业季，我与你们同在”的主题。
体验上，这款h5以“毕业”这个感伤的话题为主，给快毕业的增加了几份对毕业的伤感与对现在的珍惜，给已经毕业的带去了几份回忆，以情入境，用户心灵波动的越大，说明用户体验更好。

技术实现： Hammer+Howler+Tweenmax+Draggable+Transform+video

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

时光之旅-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签