天猫精灵:嘘,前方稀有物种出没!

2019-11-11 H5案例分享 H5案例分享
天猫精灵:嘘,前方稀有物种出没!


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

识别图中二维码

嘘,前方稀有物种出没!-查阅二维码

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


案例:嘘,前方稀有物种出没!

品牌:天猫精灵

技术实现: html5

亮点:

  1. 创意定位

天猫精灵宣传自身用途的作品,以改造男生解密暖男心语的方式表现天猫精灵可以在生活中帮我们做哪些事,以此提高用户对产品的兴趣和了解。

 

  1. 策划逻辑

作品有大致三个阶段

 

①标题界面

几只猫科动物在丛林中注视镜头的主图,点击“一探究竟”,一个男士影子和一只猫科动物的合图轮流播放

②程序员改造

图片播放完毕后,在“稀有物种起源”的字幕下,点击左右键,选择一位男士点击“即刻为他改造”,该男士的头像出现在一个火箭上,火箭上轮流显示刚才的猫科动物,然后用户输入昵称,生成海报。

 

③落地海报

海报包括XX(用户名)将阿里程序员改造成了XX(猫科动物名)系男神,下方是男生造型后的照片和一句暖心话,天猫精灵宣传语,以及作品二维码,用户可以选择“改造更多”继续改造其他男生,或点击“喊TA试试”分享作品。

 

  1. 设计上

手绘的猫科动物和背景环境,色彩丰富,程序员的照片是简约实拍图,被改造前都是较呆板的程序员造型,海报上显示的改造后的照片则青春时尚有活力一些,前后对比,显示了天猫精灵让生活变得丰富有趣味。

 

  1. 体验上

前面是铺垫剧情,人影,猫科动物,男生照片,引起用户兴趣,后面海报揭晓答案,加上暖心语句和天猫精灵宣传语“我是天猫精灵背后的男人,我们是你的良伴”,揭晓答案的同时小小鸡汤一下,宣传产品的同时也阐述了服务理念。





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

标签

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

相关推荐:

天猫:假条在手,天下我有

ColorOS:揭秘你的声音人设

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~