近日,爲響應“安全生產月”號召,並有效遏制安全生產事故的發生,各行各業都在陸續開展相關活動或發佈交互H5,宣傳氛圍日益濃厚~
下面,咱們就從案例出發,一起來了解一下交互H5可以通過什麼方式,把安全種子播種到羣衆心田吧~
點擊標題體驗
製作:晉江新聞網
實現方式:意派Epub360 H5編輯器
創意特色:插畫、動效、動畫、序列幀
內容簡介:該H5主要以圖文結合動畫的方式展現不同的場景,並明確各類人羣所要切實承擔的責任。而在作品最後,用戶還可瀏覽一段安全倡議內容。
點擊標題體驗
出品:晉江市安全隱患大排查大整治指揮部
製作:晉江新聞網
實現方式:意派Epub360 H5編輯器
創意特色:遊戲、插畫、動效、參數變量
內容簡介:這是一款考眼力的“找茬”小遊戲H5,遊戲共設置了5個關卡,每個關卡都需用戶通過點擊操作找出插畫場景中的安全隱患(1-2處)。成功找出後,用戶還可查看相應的安全提示。
點擊標題體驗
實現方式:意派Epub360 H5編輯器
創意特色:視頻、網頁跳轉
內容簡介:該H5旨在提高羣衆的安全防控意識。作品主要包含居家安全、校園安全、公共安全三個專題板塊,用戶可通過提示按鈕觀看相應的視頻。每段視頻播放完畢後,頁面將自動跳轉至安全活動答題界面。
點擊標題體驗
出品:國網廣元供電公司
製作:諾熙科技
實現方式:意派Epub360 H5編輯器
創意特色:動效、漫畫
內容簡介:該H5旨在普及用電常識。用戶可通過滑屏操作查看新年溫馨提示及各種安全用電小漫畫,還可通過長按識別二維碼的方式下載相應的APP,並點擊查看網格化供電服務電話。
點擊標題體驗
出品:觀湖街道消防管理委員會辦公室
實現方式:意派Epub360 H5編輯器
創意特色:遊戲、插畫、動效、計時器、條件判斷、參數變量、網頁跳轉
內容簡介:該H5旨在通過小遊戲的方式帶領用戶學習消防安全知識。遊戲共2關,每關都設置了1張隱患圖片,用戶需在限定時間內找出圖中5處安全隱患。若挑戰成功,用戶可跳轉網頁、參與抽獎。若挑戰失敗,用戶可重新闖關。
點擊標題體驗
出品:上海市衛生健康委員會、解放日報·上觀新聞
實現方式:意派Epub360 H5編輯器
創意特色:插畫、動效、序列幀、動畫、layer容器、表單
內容簡介:該H5旨在宣傳上海市健康大講堂暨第40屆解放健康講壇活動。用戶可先通過點擊操作完成三道選擇題,從而祛除三個插畫場景(臥室、客廳及廚房)中潛藏的“危險因子”。若選擇正確,場景中的孩子將停止哭泣,反之,孩子繼續哭泣。全部選擇完成後,用戶還可根據提示查看活動信息(主辦單位、時間、地點、嘉賓等),並完成線上報名(填寫姓名、手機號、問題並提交)。
點擊標題體驗
出品:觀湖街道安全管理委員會辦公室
實現方式:意派Epub360 H5編輯器
創意特色:遊戲、動畫、動效、碰撞檢測、微信頭像、條件判斷、序列幀、幻燈、數據庫、網頁跳轉
內容簡介:用戶可在限定時間內通過提示按鈕控制騎手小哥左右移動,從而收集禮物,並躲避紅燈及各種人物。若躲避失敗,用戶需完成一道測試題,正確作答後,即可復活,反之,則需重新開始挑戰。倒計時結束後,若得分超過500分,即通關成功,用戶可查看本次得分、歷史最高分,並通過提示按鈕跳轉網頁、參與抽獎。
希望以上內容可以對您有所啓發
更多精彩的H5案例及模板