腾讯3D创意H5,挑战解锁10种改变人类的药物

企业项目已上线2019-11举报1569

腾讯3D创意H5,挑战解锁10种改变人类的药物

扫描,分享朋友圈

腾讯3D创意H5,挑战解锁10种改变人类的药物

人类一直在找疾病的解药,现在使命交给你,你会花多长时间?

11月1日,腾讯医学ME大会推出一支3D创意H5。用户扫描二维码,即可进入3D拼图游戏。游戏共设置10个医疗药物的碎片拼图,用户需要用手指顺时针或逆时针360°滑动屏幕,来将分散的碎片拼到中心,生成完整的药物插图。

该游戏比普通H5难度更大、更富挑战性,每份拼图要花费1分钟左右的时间,这也侧面反映出人类医学探索的艰难历程。

扫描二维码,马上解锁药物拼图!
(数英App用户需点击放大二维码后,长按识别)
1572928300889034.png

腾讯3D创意H5,挑战解锁10种改变人类的药物

腾讯3D创意H5,挑战解锁10种改变人类的药物


1、阿司匹林

1572929048900703.jpg


2、HPV疫苗

1572929050270875.jpg


3、胰岛素

1572928094905150.jpg


4、链霉素

1572928096486098.jpg


5、天花疫苗

1572928098681197.jpg


6、青蒿素

1572928102362211.jpg


7、免疫球蛋白

1572928103735846.jpg


8、HBV疫苗

1572928105812101.jpg


9、青霉素

1572928107503441.jpg


10、维生素C

1572928108758080.jpg


项目背后

1574706228121825.jpg

10.1国庆来临前夕,我们的好朋友CP+B的同事发来的加班,不对,是合作消息邀约,腾讯ME大会这一医学界的大会需要制作一支H5,而Concept大概也有了,“斯芬克斯之谜”,好抽象啊,认真的听完后,这是一个谜语的Idea,而谜语就是影响人类几千年的疾病本身。 

这个简单有趣啊,用细胞等元素谜题整几个虚幻一点的形式,让用户参与解开就好了,什么阴影啊、剪影啊、角度啊、拼图之类的。

在和CP+b我们一同Brainstorming几轮后,嗯,事情好像没那么简单。这是一个“严肃”的大会,也不能太恶心(特制病毒独有原型)太视觉了,所以,他一定可以更有趣一点。哦,更重要的是。它将运行在HTML5页面里。

腾讯3D创意H5,挑战解锁10种改变人类的药物

所以我们一起先找到了10种对人类影响深远的疾病,文献资料以及长什么样子,突然发现,微观的世界也挺好看的。

病毒本身也挺有特点的,不如?对,不如直接让病毒本身成为谜面。于是我们找了大量的参考,一起让这个idea继续了下去。

腾讯3D创意H5,挑战解锁10种改变人类的药物making of.002.jpeg

同时,我们也注意到交互的重要性,于是现在三维软件里实验了一下安全的方案,比如,将图片本身打散撕裂来拼合。显然,这样的效果很假。然后又先模拟了破解组合的方式,貌似可行。

胶囊.2019-11-24 04_08_07.gif错位.2019-11-24 04_06_16.gif

我们的同事小天才加了一会儿班,我们第一个测试DEMO出来了(我们叫它火龙果)。

making of.004.jpeg

考虑到最重要的是运行效率和优化,我们无法100%的呈现三维软件的效果,所以我们又做了不同材质的测试(向下兼容至iPhone6)Demo

making of.005.jpeg

当原型准备好以后,我们将目光再次对准了病毒。时间不等人,先做原型设定!

making of.006.jpeg

再加一点点细节。

making of.007.jpeg

确实有一些病毒天生长相邪恶,在和客户的沟通之后,大家觉得适当的空间以好看为主,于是我们又迭代了几个版本直到最终。

1574707444711327.jpegmaking of.009.jpeg

这期间,我们迎来和客户沟通最为频繁的一个话题,到底是有一些挑战性的游戏,还是游戏性的广告?

最终,感谢CSIG的客户们最终决定了一个平衡且效果不错的方向,从最后的数据来看大约有1:1.57的关卡游戏率,一半多的用户会再次继续玩其他关卡。(数据来自腾讯MTA分析平台)

making of.013.jpeg

在整体的Flow上面,我们主要迭代了以游戏或者是医学角度为主的版本。结合了客户的宝贵意见,我们摒弃了传统的landing页面,进来直接进入小游戏界面,减少了用户的操作路径。

1574707547109492.jpegmaking of.011.jpeg

而朋友圈外层的视频交互我们也尝试很多别的版本,最终决定一个能引起好奇心的交互版本。

making of.012.jpeg

在和客户一起创作的过程中,最惊喜的就是文案了,从一开始的学术角度,到最后大家都喜欢的大老师的文案版本了,将这次的破解病毒的话题变得轻松有趣。又保留了知识点。

个人最喜欢的就是治疗糖尿病的胰岛素:“百年前,人们对抗糖尿病只有一招:挨饿。而胰岛素,能让患者吃饱了和糖尿病打持久战。”

making of.014.jpeg

最后,感谢CP+B的所有同学们和CSIG的朋友们。

我们一起努力在不到一个月内让这个项目成功的完成。也了解了医学史上的知识,完成了ME大会这一有意义的的项目,无论是一个H5还是一个Campaign或是一支video,我们都将让它变得更出色,感谢AmusedArt我们所有的同事们!

希望看这篇文章的所有创意人健健康康,远离疾病!

1574707621884294.jpeg

PS:最后上我司后期一哥生生将它玩成了竞速游戏,求打破记录。

making of.016.jpeg

扫描二维码,立即体验!
1572928300889034.png

Tencent 腾讯

G11极昼广告 北京

[ a _ a ] Amused Art

Fashion

 

腾讯3D创意H5,挑战解锁10种改变人类的药物

扫描,分享朋友圈