一支关于病毒、好看好玩又普及医学的H5的创作背后

举报 2019-11-27

一支关于病毒、好看好玩又普及医学的H5的创作背后

原标题:有没有一款关于病毒、好看好玩、普及医学、还能传播的H5?有!


腾讯医学ME大会-破解疾病之谜
Tencent Medical Enlightenment Summit
Crack the mystery of the disease

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

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

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后一支关于病毒、好看好玩又普及医学的H5的创作背后

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

胶囊.2019-11-24 04_08_07.gif一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

再加一点点细节。

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后一支关于病毒、好看好玩又普及医学的H5的创作背后

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

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后一支关于病毒、好看好玩又普及医学的H5的创作背后

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

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

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

一支关于病毒、好看好玩又普及医学的H5的创作背后

PS:最后是我司东北昊哥(人帅单身)生生将它玩成了竞速游戏,求打破记录

一支关于病毒、好看好玩又普及医学的H5的创作背后

扫描二维码,立即体验!
(数英App用户需点击放大二维码后,长按识别)
1574707811121729.png
点击查看项目详情


数英用户原创,转载请遵守规范

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(7条)