网易文创 | 哒哒:制作你的旅行报告

2020-08-01 H5案例分享 H5案例分享
网易文创 | 哒哒:制作你的旅行报告


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

识别图中二维码

制作你的旅行报告-查阅二维码

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


案例:制作你的旅行报告

品牌:网易文创 | 哒哒

技术实现: PixiJS

亮点:

1、创意定位

网易文创 | 哒哒以旅行偏好报告角度宣传H5,网易文创宣传力度蛮强,虽然这支H5貌似和文创没有太大关系,但是又和网易哒哒为年轻人生产趣味内容相关。

 

2、策划上

① 以旅行偏好报告为主题,每一次出发,都有新的故事,旅行中你是什么样子,点击右下方的“开始制作”按钮,进入下一屏,输入姓名和点选计划目的地,如果当前列表中找不到心仪的计划目的地,可以点击下方的“换一批”按钮,批量切换计划目的地;

② 而后进入选择题,一共9道题,问题都是关于旅行,包括吃饭、行程、预算、出发、行李、计划、景点、拍照等,每道题2个选项,选择方式很特别,滑动中间的横线,展示对这两种选项偏好百分比;右下角有当前处在第几题的提示;可以点击左下角的“返回”按钮,返回上一题,也可以点击右下角“下一页”按钮,进入下一题;

③ 9道问题回答完毕,进入旅行必备3件物品页面,点选添加;3件物品选择完毕,点击右下角的“生成报告”按钮,生成我的旅行偏好报告,海报可以长按保存;

④ 在我的旅行偏好报告页面中,含有刚刚输入的所有选项,例如:授权的微信头像、输入的姓名、选择的计划目的地、旅行必备物品、9个问题中随机抽取的6个选项的选择偏好情况和百分比(给出的6个选择的文案会随着选择而不同)。

 

3、设计上

纯色饱和度偏高的背景色,选择题部分采用线条勾勒问题的人物和动作;最后报告页的图标采用可爱的手账风格图标,在报告页,背景色也是每次玩背景色随机出现。

 

4、体验上

虽然是关于旅行的测试问答生成报告的H5,网易哒哒玩出的新的体验,不一样的问题选择,清爽的视觉;平常问题策划中,保持6道问题即可,在这支H5中,竟然出现了9道,也不会觉得那么多。





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

标签

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

相关推荐:

小米有品 X 网易哒哒:原来你还有不为人知的这一面…

网易文创:张艺兴拍了拍你,并邀请观看他的人生答卷

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~