华硕:测测你的童年完整度

2017-08-22 H5案例分享 H5案例分享
华硕:测测你的童年完整度

案例:测测你的童年完整度

出品:华硕

亮点:

  1. 策划上,这款h5是华硕打造的一款怀念童年的h5。H5的刚开始便想起了罗大佑经典的《童年》,接着由主人公用华硕电脑与好长时间都未联系的童年好友进行qq联系,从而进行时空穿越,回到童年,用户也同时进行测试,测试属于你的童年完整度。
  2. 设计上,这是一款测试类的h5,设计者将《童年》经典歌曲作为开场白,引领用户的思绪,接着以童年时经常玩耍的、吃的零食等常见情景作为测试的问题,让用户进行测试,最后得出属于用户的童年完整度。在每一页的h5中,设计者将“华硕”品牌的字样添加进去,让用户在怀念童年的时候都能看见“华硕”。
  3. 体验上。这款h5是一款宣传“华硕”的h5,但是以“童年”为主题,让用户进行“回忆”没再用户“回忆”的途中添加“华硕”的宣传字样,并将周围的景色完美的结合,让用户既能回忆童年,又不觉得“华硕”碍眼,有着很好的用户体验感。



技术实现: Jquery+Transform+Video



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

识别图中二维码

测测你的童年完整度-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

华硕e创志愿者:圆梦六一丨爱就“益”起来

百度:跨三个时代的唤醒之旅

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~