腾讯医学ME大会 - 破解疾病之谜

数英评分

收藏2 评论

举报 2019-11

扫描,分享朋友圈

腾讯医学ME大会 - 破解疾病之谜

Tencent Medical Enlightenment Summit - Crack the mystery of the disease

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

这个简单有趣啊，用细胞等元素谜题整几个虚幻一点的形式，让用户参与解开就好了，什么阴影啊、剪影啊、角度啊、拼图之类的。在和CP+b我们一同Brainstorming几轮后，嗯，事情好像没那么简单。这是一个“严肃”的大会，也不能太恶心（特制病毒独有原型）太视觉了，所以，他一定可以更有趣一点。哦，更重要的是。它将运行在HTML5页面里。

making of.004.jpeg

所以我们一起先找到了10种对人类影响深远的疾病，文献资料以及长什么样子，突然发现，微观的世界也挺好看的。病毒本身也挺有特点的，不如？对，不如直接让病毒本身成为谜面。于是我们找了大量的参考，一起让这个idea继续了下去。

making of.001.jpeg

making of.002.jpeg

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

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

我们的同事小天才加了一会儿班，我们第一个测试DEMO出来了（我们叫它火龙果）。Demo

making of.004.jpeg

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

making of.005.jpeg

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

making of.006.jpeg

再加一点点细节。

making of.007.jpeg

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

making of.008.jpeg

making of.009.jpeg

这期间，我们迎来和客户沟通最为频繁的一个话题，到底是有一些挑战性的游戏，还是游戏性的广告？最终，感谢CSIG的客户们最终决定了一个平衡且效果不错的方向，从最后的数据来看大约有1:1.57的关卡游戏率，一半多的用户会再次继续玩其他关卡。

（数据来自腾讯MTA分析平台）

making of.013.jpeg

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

making of.010.jpeg

making of.011.jpeg

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

making of.012.jpeg

在和客户一起创作的过程中，最惊喜的就是文案了，从一开始的学术角度，到最后大家都喜欢的大老师的文案版本了，将这次的破解病毒的话题变得轻松有趣。又保留了知识点。个人最喜欢的就是治疗糖尿病的胰岛素：“百年前，人们对抗糖尿病只有一招：挨饿。而胰岛素，能让患者吃饱了和糖尿病打持久战。”

making of.014.jpeg

最后，感谢CP+B的所有同学们和CSIG的朋友们。我们一起努力在不到一个月内让这个项目成功的完成。也了解了医学史上的知识，完成了ME大会这一有意义的的项目，无论是一个H5还是一个Campaign或是一支video，我们都将让它变得更出色，感谢AmusedArt我们所有的同事们！希望看这篇文章的所有创意人健健康康，远离疾病！

making of.015.jpeg

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

making of.016.jpeg

送上体验地址（微信扫一扫体验）