意派Epub360丨亞運會H5丨案例和模板，都給你準備好了~
杭州2022年第19屆亞運會將于2023年9月23日~10月8日召開。隨著亞運會的日漸臨近，相信很多新聞媒體、品牌商家都在準備借勢推出各式各樣的交互H5作品了。
對此，小派為大家整理了一些優質案例，以供大家學習交流。另外，咱們意派Epub360官網也已經上架了兩個亞運會的單次應用模板（什么是單次應用？戳鏈接查看詳情→《無需升級會員，單次應用來襲！》），歡迎有需要的小伙伴使用。
OK，既然案例和模板都已備好，那就一起來看看吧~
案例
點擊標題體驗
出品：浙江在線
實現方式：意派Epub360 H5編輯器
創意特色：動效、動畫、計時器、狀態組、條件判斷、序列幀、視頻、layer容器、參數變量
內容簡介：該H5共包含6個關卡，用戶可先閱讀游戲規則、點亮6個亞運場館（杭州奧體中心體育場、杭州奧體中心體育游泳館、杭州黃龍體育中心、杭州電競館、紹興羊山攀巖中心、寧波亞帆中心），再在“AI助手”的幫助下查看精彩條漫或短視頻，從而了解亞運背后的故事，并收集相應的音符微章。6個徽章全部收集完畢后，用戶還可通過點擊徽章的方式揭曉自己的專屬亞運旋律，并長按保存相應的亞運歌曲海報。
點擊標題體驗
出品：浙江廣電集團融媒新聞中心
創意特色：動畫、動效、layer容器、序列幀、聯動組件、投票組件
內容簡介：該H5旨在以線上展覽的方式展示48件杭州2022年亞運會官方海報（海報為杭州亞組委面向全球征集并優選出的作品）。用戶可通過橫向滑動屏幕的方式線上觀展，并根據提示點擊海報，從而查看詳細介紹。此外，用戶還可為喜歡的作品點贊。而用戶在左右滑動屏幕時，頁面中的插畫主角也會相應地轉變朝向。
點擊標題體驗
出品：美術報、潮新聞創意設計中心
實現方式：定制開發
創意特色：答題測試、網頁跳轉
內容簡介：該H5共包含七個答題關卡，用戶可在亞運三寶（琮琮、宸宸、蓮蓮）的陪伴下，運用“亞運美學知識”開啟闖關之旅。答題過程中，用戶每做完一次選擇后，都可即時查看正誤。若回答正確，用戶可進入下一題，若回答錯誤，用戶需再次作答，直至選出正確答案。順利通關后，用戶還可長按保存紀念海報，并通過提示按鈕跳轉至相應的公眾號文章。
單次應用模板
點擊標題體驗
玩法介紹：這是一款趣味答題測試H5模板。用戶進入首頁后，可查看已有多少人參與答題，并通過“點擊抽題”按鈕前往相應的答題界面。完成作答后，用戶可查看正確與否及具體解析，還可通過提示按鈕再抽一題或生成一份專屬海報。海報中包含用戶的微信昵稱、測試時間等信息。
點擊標題體驗
玩法介紹：該H5模板共包含4個關卡，每個關卡對應不同的趣味小游戲：①【競技類比賽】用戶需通過點擊操作擊中移動的靶子，累計擊中10次即為勝利；②【球類比賽】用戶需通過拖拽操作控制球拍接住掉落的球，累計接住10個即為勝利；③【對抗性比賽】用戶需通過點擊操作擊中移動的對手，累計擊中10次即為勝利；④【水上比賽】用戶需通過點擊操作控制船艇移動，并比對手先到終點。全部挑戰成功后，用戶可獲得一份專屬海報。海報中包含用戶的測試時間、挑戰情況等信息。
希望以上內容可以對您有所啟發
更多精彩的H5案例及模板
本文轉載自：https://www.epub360.com/blogs/article/64e6bfdcddd42e63d1be2ce0/
本文中的H5案例均來源于平臺用戶或第三方，版權歸版權所有人所有。文中H5內容截圖僅作效果展示之用，非商業用途。如有侵權，請聯系我修改或刪除。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）