現(xiàn)在有很多互聯(lián)網(wǎng)企業(yè)都喜歡開發(fā)測(cè)試類的H5游戲，同時(shí)也會(huì)嵌套海報(bào)生成，那么這海報(bào)生成為何能夠嵌套測(cè)試游戲呢？下面小編就來給大家分享兩個(gè)海報(bào)生成H5案例，一起來感受一下吧。

H5案例名稱：文明行為100項(xiàng)，你參與過多少

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

H5玩法設(shè)計(jì)：海報(bào)生成H5

出品：大鵬新區(qū)工會(huì)

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

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

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

設(shè)計(jì)上，以流動(dòng)型的插畫為背景，整體偏向黃色+藍(lán)色，配合動(dòng)畫效果，讓整個(gè)H5顯得更有設(shè)計(jì)感，再搭配上輕松簡單的音樂，提升用戶體驗(yàn)度。

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

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

H5案例名稱：關(guān)于IKUN的82件事

H5玩法設(shè)計(jì)：海報(bào)生成H5

出品：咪咕音樂+vivo+中國移動(dòng)

1、主要內(nèi)容：

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

2、設(shè)計(jì)上

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

3、營銷效果

以明星為營銷熱點(diǎn)，對(duì)粉絲們有極大的吸引力，同時(shí)海報(bào)生成具備的分享功能也讓其營銷效果更上一層樓。

通過體驗(yàn)這兩個(gè)案例，相信大家都能看到測(cè)試答題與海報(bào)生成的契合性，如果你想定制一款類似的H5頁面，可以咨詢我們藍(lán)橙互動(dòng)，為你提供專業(yè)的微信H5開發(fā)服務(wù)。