一支關(guān)于病毒、好看好玩又普及醫(yī)學(xué)的H5的創(chuàng)作背后 - 成都

原標(biāo)題：有沒有一款關(guān)于病毒、好看好玩、普及醫(yī)學(xué)、還能傳播的H5？有！

騰訊醫(yī)學(xué)ME大會-破解疾病之謎
Tencent Medical Enlightenment Summit
Crack the mystery of the disease

10.1國慶來臨前夕，我們的好朋友CP+B的同事發(fā)來的加班，不對，是合作消息邀約，騰訊ME大會這一醫(yī)學(xué)界的大會需要制作一支H5，而Concept大概也有了，“斯芬克斯之謎”，好抽象啊，認(rèn)真的聽完后，這是一個謎語的Idea，而謎語就是影響人類幾千年的疾病本身。 

這個簡單有趣啊，用細(xì)胞等元素謎題整幾個虛幻一點(diǎn)的形式，讓用戶參與解開就好了，什么陰影啊、剪影啊、角度啊、拼圖之類的。

在和CP+b我們一同Brainstorming幾輪后，嗯，事情好像沒那么簡單。這是一個“嚴(yán)肅”的大會，也不能太惡心（特制病毒獨(dú)有原型）太視覺了，所以，他一定可以更有趣一點(diǎn)。哦，更重要的是。它將運(yùn)行在HTML5頁面里。

所以我們一起先找到了10種對人類影響深遠(yuǎn)的疾病，文獻(xiàn)資料以及長什么樣子，突然發(fā)現(xiàn)，微觀的世界也挺好看的。病毒本身也挺有特點(diǎn)的，不如？對，不如直接讓病毒本身成為謎面。于是我們找了大量的參考，一起讓這個idea繼續(xù)了下去。

同時，我們也注意到交互的重要性，于是現(xiàn)在三維軟件里實(shí)驗了一下安全的方案，比如，將圖片本身打散撕裂來拼合。顯然，這樣的效果很假。然后又先模擬了破解組合的方式，貌似可行。

我們的同事小天才加了一會兒班，我們第一個測試DEMO出來了（我們叫它火龍果）。

考慮到最重要的是運(yùn)行效率和優(yōu)化，我們無法100%的呈現(xiàn)三維軟件的效果，所以我們又做了不同材質(zhì)的測試（向下兼容至iPhone6）Demo。

當(dāng)原型準(zhǔn)備好以后，我們將目光再次對準(zhǔn)了病毒。時間不等人，先做原型設(shè)定！

再加一點(diǎn)點(diǎn)細(xì)節(jié)。

確實(shí)有一些病毒天生長相邪惡，在和客戶的溝通之后，大家覺得適當(dāng)?shù)目臻g以好看為主，于是我們又迭代了幾個版本直到最終。

這期間，我們迎來和客戶溝通最為頻繁的一個話題，到底是有一些挑戰(zhàn)性的游戲，還是游戲性的廣告？

最終，感謝CSIG的客戶們最終決定了一個平衡且效果不錯的方向，從最后的數(shù)據(jù)來看大約有1:1.57的關(guān)卡游戲率，一半多的用戶會再次繼續(xù)玩其他關(guān)卡。（數(shù)據(jù)來自騰訊MTA分析平臺）

在整體的Flow上面，我們主要迭代了以游戲或者是醫(yī)學(xué)角度為主的版本。結(jié)合了客戶的寶貴意見，我們摒棄了傳統(tǒng)的landing頁面，進(jìn)來直接進(jìn)入小游戲界面，減少了用戶的操作路徑。

而朋友圈外層的視頻交互我們也嘗試很多別的版本，最終決定一個能引起好奇心的交互版本。

在和客戶一起創(chuàng)作的過程中，最驚喜的就是文案了，從一開始的學(xué)術(shù)角度，到最后大家都喜歡的大老師的文案版本了，將這次的破解病毒的話題變得輕松有趣。又保留了知識點(diǎn)。

個人最喜歡的就是治療糖尿病的胰島素：“百年前，人們對抗糖尿病只有一招：挨餓。而胰島素，能讓患者吃飽了和糖尿病打持久戰(zhàn)。”

最后，感謝CP+B的所有同學(xué)們和CSIG的朋友們。我們一起努力在不到一個月內(nèi)讓這個項目成功的完成。也了解了醫(yī)學(xué)史上的知識，完成了ME大會這一有意義的的項目，無論是一個H5還是一個Campaign或是一支video，我們都將讓它變得更出色，感謝AmusedArt我們所有的同事們！

希望看這篇文章的所有創(chuàng)意人健健康康，遠(yuǎn)離疾?。?/p>

PS：最后是我司東北昊哥（人帥單身）生生將它玩成了競速游戲，求打破記錄

掃描二維碼，立即體驗！
（成都App用戶需點(diǎn)擊放大二維碼后，長按識別）

點(diǎn)擊查看項目詳情

成都用戶原創(chuàng)，轉(zhuǎn)載請遵守規(guī)范