清單式H5案例欣賞

現在有很多互聯網企業都喜歡開發測試類的H5游戲，同時也會嵌套海報生成，那么這海報生成為何能夠嵌套測試游戲呢？下面小編就來給大家分享兩個海報生成H5案例，一起來感受一下吧。

H5案例名稱：文明行為100項，你參與過多少

制作團隊：藍橙H5制作

H5玩法設計：海報生成H5

出品：大鵬新區工會

1.H5詳情內容：

大鵬新區葵涌工會為倡導人們文明生活健康生活，并喜迎特區建立40周年，特地開展了一場線上宣傳活動，以H5的形式和文明100項的內容，讓用戶選擇生成海報集贊，贏取獎勵。①進入H5后，以流動畫面為背景，展現活動主題名稱‘文明行為100項，你參與過多少？’，下面則是一則文明宣傳文案。②點擊開始，會讓用戶填寫自己的名稱，填寫完畢點擊開始標注即可進行下一步。③開始游戲后，100項文明行為將以儀表盤轉動的形式慢慢流動過來，用戶可手動左右滑，點擊文明行為即可標注成功。④標注完畢后，會生成一張海報，用戶可分享到朋友圈集贊，集齊100贊可獲得50元話費拿獎勵。 

2.H5頁面設計：

設計上，以流動型的插畫為背景，整體偏向黃色+藍色，配合動畫效果，讓整個H5顯得更有設計感，再搭配上輕松簡單的音樂，提升用戶體驗度。

3.營銷優勢：

這款H5主要作用是政企民生宣傳，所以更偏向于展現形式和內容，但這款周年慶H5設計靈感非常巧妙，值得大家借鑒參考。

H5案例名稱：關于IKUN的82件事

H5玩法設計：海報生成H5

出品：咪咕音樂+vivo+中國移動

1、主要內容：

這款H5是由咪咕音樂與vivo、中國移動聯合開發的海報生成H5，旨在通過蹭明星蔡徐坤的熱點進行品牌宣傳，并利用抽獎收集用戶信息，達到宣傳效果。進入H5后，直接展現主題及黑色背景，周圍則是品牌logo，點擊按鈕進入下一步；下一步創建自己的名稱，也可選擇系統擬定的昵稱，完成后點擊進入下一步；進入后直接開始‘關于IKUN的82件事’選擇，通過點擊屏幕上滑動的標簽添加，選擇完畢后點擊選好了生成海報；海報生成后可分享出去，然后點擊抽獎進入手機認證頁面，輸入手機號碼收取驗證碼則進入抽獎環節。

2、設計上

整體以黑色為背景色，搭配彩色的圖片元素，讓畫面呈現多層次感。同時搭配‘蔡徐坤’的‘情人’BGM，映出熱點主題，吸引用戶參與活動。

3、營銷效果

以明星為營銷熱點，對粉絲們有極大的吸引力，同時海報生成具備的分享功能也讓其營銷效果更上一層樓。

通過體驗這兩個案例，相信大家都能看到測試答題與海報生成的契合性，如果你想定制一款類似的H5頁面，可以咨詢我們藍橙互動，為你提供專業的微信H5開發服務。