美颜相机+《后来的我们》：后来·时光机

2018-04-27 H5案例分享 H5案例分享

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

识别图中二维码

后来·时光机-查阅二维码

完整欣赏此案例大约需要40秒

案例：后来·时光机

出品：美颜相机+《后来的我们》

亮点：

策划上，海报生成类。该H5由两部分组成，第一部分是《后来的我们》剧照+走心文案（可跳过，直接进入第二部分）；第二部分，引导用户输入名字，上传图片，生成海报。这个H5以时光机为媒介，第一部分中文案的“...的年纪”、“后来”话题引导用户有些人只能坐“时光机”（即回忆）见到，上传图片，自然过渡到第二部分。第二部分上传图片后，引导用户换图片、进入美颜相机下载页或者分享。
设计上，页面以白色的折痕纸为背景，整体简洁大方；五月天《后来的我们》做背景音乐，配上走心文案，代入感很强。
体验上，《后来的我们》将于4月28日上映，此时推出此案例，话题度比较高。淡入感很强，有股淡淡的悲伤~~

文案整理：

蜗居在格子间的年纪，你有明亮的梦想。

后来，有房有车的你，却忘记了梦想的名字。

在买不起钻戒的年纪，你遇见想照顾一生的人。

后来，周游世界的你，却空出了身边的位置。

有些人坐飞机就能见到，而后来，有些人坐时光机才能见到。

技术实现： zepto.js+webpack

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

标签