华为:我的灵魂职业

2018-06-23 H5案例分享 H5案例分享
华为:我的灵魂职业


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

识别图中二维码

我的灵魂职业-查阅二维码

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


案例:我的灵魂职业

出品:华为

亮点:

  1. 策划上,测试类的H5,首先输入昵称,回答6个问题,每个问题有4个答案,6个问题是关于幻想和工作,例如去月球工作,你会怎么样?被困在小岛如何求生?拍卖自己的一部分,你会拍卖什么?等等;根据回答,会从8种图片种类中分配1个;根据你填写的昵称,和分配的图片种类,生成的海报。
  2. 设计上,颗粒度漫画。
  3. 体验上,前三个问题是正常形式;第四个问题是点击不同位置的工位;第五个问题采用水平滑动,选择问题;第六个问题,是音频的问题,首先要听音乐,而后再选择。



技术实现: jQuery + animateJs



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

标签

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

相关推荐:

华为:老佛爷圆明园直播

英特尔:瞒不住了,我代言了七代酷睿

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~