网易云课堂:测一测,你的隐藏职业

2021-12-17 H5案例分享 H5案例分享
网易云课堂:测一测,你的隐藏职业


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

识别图中二维码

测一测,你的隐藏职业-查阅二维码

完整欣赏此案例大约需要1分50秒


案例:测一测,你的隐藏职业

品牌:网易云课堂

技术实现: html5

亮点:

1.创意定位

根据用户所选择的绝活,生成一种令人向往或与众不同的「隐藏职业」,并在最后分享页中展示,激发用户晒圈欲望。罗列诸多有趣技能,让用户产生学习欲望,顺势推出网易云课堂,吸引用户参与。

 

2.策划逻辑

点击初始页鼓励语下的“GO”,进入选择页面,页面上有整齐的圆形图标和标签,图标开始时是被过滤颜色的状态,上面还有个锁形标志。用户选择自己会的图标内容进行点击,图标被翻牌后会旋转解锁,颜色变鲜亮。左滑翻页,四页选完后,输入名字,生成海报,包括用户的职业名称,主图,趣味解析语和图标合集。用户可点击加油包登录网易云课堂,和保存海报。

 

3.交互上

采用解锁的形式,灰色变彩色,体现出解锁技能的概念。

 

4.视觉上

颜色明亮,营造趣味氛围,各个隐藏职业都是手绘内容,生成一种理想的隐藏职业。





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

标签

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

相关推荐:

网易新闻房产:测一测你是什么样的生活艺术家

央视新闻X网易文创X哒哒:我的骄傲

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~