京東:“真”數(shù)據(jù),“硬”實(shí)力!雙十一數(shù)據(jù)可視化實(shí)時戰(zhàn)報
電商數(shù)據(jù)可視化,對于電商而言,什么是最重要的,回答是數(shù)據(jù)。有品牌銷量數(shù)據(jù),排名數(shù)據(jù),銷售額數(shù)據(jù)以及相關(guān)的客戶分布信息數(shù)據(jù),對于規(guī)模很大的電商公司,數(shù)據(jù)本身就很震撼,用真實(shí)數(shù)據(jù)說話,對用戶對客戶都是彰顯實(shí)力的一種表現(xiàn),同是也會起到非常有效的廣告公關(guān)效應(yīng)。另外,電商數(shù)據(jù)通過視覺化呈現(xiàn)數(shù)據(jù),也揭示了令人驚奇的模式和觀察結(jié)果,是不可能通過簡單統(tǒng)計就能顯而易見看到的模式和結(jié)論。通過視覺化,我們把信息變成了一道可用眼睛來探索的風(fēng)景線,一種信信息地圖。當(dāng)你迷失在信息中時,信息地圖非常實(shí)用。在電商行業(yè)尤為重要。
京東雙十一數(shù)據(jù)實(shí)時戰(zhàn)報
我們很榮幸,繼“京東手機(jī)618實(shí)時數(shù)據(jù)戰(zhàn)報”之后與京東再次合作雙十一期間3C實(shí)時數(shù)據(jù)可視化的展示項目。依客戶的需求,萬博思圖在短短一個月時間內(nèi)同時滿足了客戶的四項需求,分別是大屏,PC端,移動端,以及作戰(zhàn)室分屏展示。我們在設(shè)計上采用了時尚元素,對每個組件進(jìn)行了單獨(dú)定制創(chuàng)意設(shè)計,并運(yùn)用不同顏色來區(qū)分每一個欄目。從技術(shù)角度來說,技術(shù)上全部采用HTML5的WebGL 3D技術(shù),充分發(fā)揮了顯卡硬件加速所帶來的渲染能力。在效果以及性能等方面,我們對粒子系統(tǒng)進(jìn)行了大量優(yōu)化,從而達(dá)到優(yōu)秀的呈現(xiàn)效果和運(yùn)行效能。同時,技術(shù)層面的效果展示,我們嚴(yán)格遵從原始設(shè)計稿進(jìn)行視覺定制開發(fā),通過3D模型搭建,以及基于三維空間坐標(biāo)系的數(shù)學(xué)算法等等,完美實(shí)現(xiàn)了各項動態(tài)效果。最終我們呈現(xiàn)給大家的就是下方視頻中所演示的酷炫效果。震撼效果!
PC端及大屏端效果展示
“買3C,信京東” 雙十一戰(zhàn)報發(fā)布會
雙十一,不僅是消費(fèi)者的節(jié)日,同樣也是電商之間數(shù)據(jù)之爭的戰(zhàn)場,而京東率先提出了“真數(shù)據(jù)”的口號。2015年11月11日19:30,京東在北京亦莊京東集團(tuán)總部舉行了“買3C,信京東“的雙11戰(zhàn)報發(fā)布會。在大會上也展播了我們此次雙十一的實(shí)時數(shù)據(jù)戰(zhàn)報,面對這樣震撼的數(shù)據(jù)和酷炫的畫面效果,場下的參會人員紛紛拿出手機(jī)記錄了這一精彩的時刻。
雙十一期間,京東3C數(shù)據(jù)作戰(zhàn)室"曝光"
在京東看來,公布真實(shí)的數(shù)據(jù)可以讓用戶真正看到優(yōu)質(zhì)的產(chǎn)品和品牌,另外也能保證促銷的產(chǎn)品實(shí)實(shí)在在賣給了消費(fèi)者,而不是渠道和黃牛。為此,京東成立了3C數(shù)據(jù)作戰(zhàn)室,實(shí)時統(tǒng)計真實(shí)的數(shù)據(jù),每天發(fā)布一次戰(zhàn)報。也許大家都沒有見到這次作戰(zhàn)室的真實(shí)模樣,但因這一次項目的合作,小編有幸目睹了這間神秘的作戰(zhàn)室!在這個禁止拍照、高度保密的“小黑屋“里,分布著十二塊大屏幕,分別顯示著手機(jī)、平板、電腦、相機(jī)、存儲等品類從11月1日起的實(shí)時銷量數(shù)據(jù),大屏幕中布控的畫面就是本次項目中所涉及的十二塊內(nèi)容。
移動端效果展示
另外,我們還制作了移動版,長按下方的二維碼即可查看移動版的酷炫效果!
(長按二維碼可查看移動版精彩效果)
項目制作背后的故事:整個項目因為時間非常短,需求高,團(tuán)隊想盡一切辦法使工作效率最大化,但是每一項細(xì)節(jié)的創(chuàng)新都需要花時間去償試和修改,如果你也是一個開發(fā)人員,那小編告訴你一個小秘密,如何可以做一個類似這樣的效果。首先必須得會3D建模,當(dāng)然如果你是超一流的開發(fā)人員,也許不用(如果你愿意累成狗)。建模的目的是什么呢,是為了導(dǎo)出程序開發(fā)所需的點(diǎn)的結(jié)構(gòu)。然后需要不斷的進(jìn)行優(yōu)化,接下來在使用代碼進(jìn)行效果的控制和交互,最后與數(shù)據(jù)整合,根據(jù)實(shí)時數(shù)據(jù)的變化展示效果。針對此項目我們一共創(chuàng)建過150多個的模型,最終使用的模型只有8個。引用我們公司的常用的一句話“做細(xì)了,是很難的”哈哈。特別的手機(jī)總銷量中的山的模型,至少模擬修改了30-40次。
京東此舉影響的也許不只是電商之間的競爭,它也反向逼迫那些廠商少做數(shù)字,多做真功夫,多做好產(chǎn)品。這次“買3C,信京東”雙十一數(shù)據(jù)戰(zhàn)報的成功問世,不僅反映了大數(shù)據(jù)時代真實(shí)數(shù)據(jù)的重要性,同時也展示了數(shù)據(jù)可視化展現(xiàn)效果的魅力所在!
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)