VR是近幾年興起的技術(shù)，搭配在H5頁面中也是非常的兼容。今天小編就來給大家分享兩個VR視頻H5案例，看看這融入新技術(shù)的H5頁面效果如何，想了解開發(fā)流程的也可以參考一下。

H5案例名稱：泛生子CSCO學(xué)術(shù)專區(qū)

制作團隊：藍(lán)橙H5制作

H5玩法設(shè)計：會議活動H5

出品：泛生子

1.H5詳情內(nèi)容：

泛生子企業(yè)為迎合第23屆全國臨床腫瘤學(xué)大會暨2020年csco學(xué)術(shù)年會，特地開發(fā)了一款線上會議平臺，宣傳會議內(nèi)容，完善會議安排。①這款H5是工具類型的，進入H5后直接展現(xiàn)4個功能‘會議日程、展臺參觀、互動贏獎品、會議打卡’。②第一個會議日程則是展現(xiàn)這次大會的開展信息；展臺參觀則是一個VR形式的報告，用戶可滑動屏幕觀看各類文學(xué)報告；互動贏獎品是會議互動游戲；會議打卡則是一個簽到功能。

2.H5頁面設(shè)計：

設(shè)計上，以白色為主要首頁背景，搭配幾個功能圖標(biāo)組成工具首頁，再加上內(nèi)部的VR功能，讓整個H5顯得更加高端。

3.營銷優(yōu)勢：

這款H5在設(shè)計上并沒有太多亮點，但功能還是很多的，對于準(zhǔn)備開展線下大會議的企業(yè)很有幫助，不僅能夠宣傳會議信息和品牌形象，還能幫助會議正常開展，性價比很高。

案例：金秋VR尋錦囊，颯爽搖大獎

品牌：成都銀行

玩法：VR

制作：藍(lán)橙H5定制團隊

1.詳情內(nèi)容上：

成都銀行出品的VR全景H5，通過VR全景地圖，讓用戶在地圖里尋找紅包，從而來宣傳品牌。加載完成進入H5是首頁封面頁，頁面上方是成都銀行的品牌標(biāo)識，中間是成都銀行的一段實景圖，用戶可以點擊頁面下方查看活動的詳細(xì)規(guī)則和我的獎品，用戶點擊中間的實景圖進入VR地圖。后續(xù)VR地圖是成都銀行的實景地圖，用戶可以點擊進入銀行查看，用戶每到一個銀行地點，都可以點擊虛擬的紅包，都可以得到一個“錦囊妙計”，都是成都銀行的金融小知識，每個用戶每天可以點擊6一次錦囊。

2.頁面設(shè)計上：

H5整體設(shè)計上采用了寫實風(fēng)格，配色上選用了淡藍(lán)色，設(shè)計上在首頁說明了此次H5活動的規(guī)則和大致詳情，在VR實景地圖中嵌入虛擬錦囊也十分的有趣

3.用戶體驗上：

作為成都銀行的品牌宣傳H5案例，這款H5巧妙的采用了VR實景的形式，并在實景圖中嵌入了虛擬錦囊，能讓用戶在了解到銀行實景中并了解到成都銀行的小知識，對于品牌的宣傳效果非常好。