案例：嘘，前方稀有物种出没！
品牌：天猫精灵
玩法：动画
整理：蓝橙H5开发团队
1.详情内容上：
天猫精灵出品的动画H5，通过改造男生解密暖男心语的方式表现天猫精灵可以在生活中帮我们做哪些事，以此提高用户对产品的兴趣和了解。几只猫科动物在丛林中注视镜头的主图，点击“一探究竟”，一个男士影子和一只猫科动物的合图轮流播放。图片播放完毕后，在“稀有物种起源”的字幕下，点击左右键，选择一位男士点击“即刻为他改造”，该男士的头像出现在一个火箭上，火箭上轮流显示刚才的猫科动物，然后用户输入昵称，生成海报。海报包括XX(用户名)将阿里程序员改造成了XX（猫科动物名）系男神，下方是男生造型后的照片和一句暖心话，天猫精灵宣传语，以及作品二维码，用户可以选择“改造更多”继续改造其他男生，或点击“喊TA试试”分享作品。
2.页面设计上：
设计上采用了手绘的动画风格，配色上选用了彩色系，手绘的猫科动物和背景环境，色彩丰富，程序员的照片是简约实拍图，被改造前都是较呆板的程序员造型，海报上显示的改造后的照片则青春时尚有活力一些，前后对比，显示了天猫精灵让生活变得丰富有趣味。前面是铺垫剧情，人影，猫科动物，男生照片，引起用户兴趣，后面海报揭晓答案，加上暖心语句和天猫精灵宣传语“我是天猫精灵背后的男人，我们是你的良伴”，揭晓答案的同时小小鸡汤一下，宣传产品的同时也阐述了服务理念。
扫描二维码查看
注：如您需要咨询本案例的详细信息，或者需要了解更多案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5玩法|小程序定制|H5技术资讯|H5课件
