饿了么:饿星人双11机密实验

2019-11-08 H5案例分享 H5案例分享
饿了么:饿星人双11机密实验


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

识别图中二维码

饿星人双11机密实验-查阅二维码

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


案例:饿星人双11机密实验

品牌:饿了么

技术实现: html5

亮点:

  1. 创意定位

饿了么推出的情景问答式的宣传作品,征集客户意见,普及平台福利,以此吸引用户关注和使用。

 

  1. 策划逻辑

作品大致有四个环节

 

①loading

加载界面是一只卡通柯基开着飞船灯照出加载进度。

 

②问题导入

加载完毕后用户输入名字,然后一个带着用户名称标签的男子玩着手机走进屏幕,被柯基吸入飞船中带走,睁开眼睛,柯基和另外两个外星人告知这是饿了么星人在研究地球人的双11愿望,帮助自己星球搞双11,点击“接受拷问”开始答题。

 

③问题回答

共六道题,每题三选一,题目分别是地球常见的优惠计算难度,双11为什么会实现愿望,饿星人宣传语选择,双11有什么需要警惕的隐患,第一次在地球点外卖需要备注什么,哪个选项会对饿星人造成精神伤害。

 

④落地海报

回答完问题后,自动生成海报,包括标题XX(用户名)的双11愿望是XXX,一张配图和一句用户心语,用户可以分享作品,或点击柯基手中的钱袋领取福利。

 

  1. 设计上

以一只穿着宇航服的可爱小柯基为主线,画面以橙色为主色调,元素添加的很丰富,整个屏幕被绘制的各种图案填满,每道题搭配了相应配图,问题答案选项除了自身福利描述外,其余选项文风非常搞笑。

 

  1. 交互上

输入名字后,以一段小短片——用户被外星飞船带走,睁开眼睛看到柯基外星团的方式带入答题情景,让用户更有参与感,也更有趣。





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

标签

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

相关推荐:

饿了么 × 口碑:重磅!长征二号F型火箭完成运载e星球至地球任务

阿里云:双11前互联网人的一天

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~