報告生成類型的H5在最近非常流行，而網(wǎng)易就是最喜歡制作這類H5的商家。今天小編就來給大家分享幾個報告生成H5案例，看看它到底有怎樣的趣味性，讓商家和用戶都對其很有熱情。

案例：2020健康自檢報告

品牌：網(wǎng)易新聞X逸動PLUS

1.創(chuàng)意定位，網(wǎng)易新聞與逸動聯(lián)合出品，用問答題進行進行身體器官的檢測，同時宣傳逸動PLUS的預售活動。

2.策劃邏輯，標題頁是一只小白羊身穿科學家白大褂，點擊觸點開始測試，點擊符合自己偏好的答案后自動進入下一題，依次是在腦科，眼科，耳科，呼吸科，內(nèi)科回答相應范疇的題目，想擁有什么超能力，喜歡哪種紅，聽到什么聲音最舒服，疫情后最想干嘛，什么時候感到腎透支，輸入名字生成結(jié)果海報，包括名字“XX的2020健康自檢報告”，在人體透視圖上標出眼耳大腦內(nèi)臟的情況，下方是逸動PLUS的照片及預售信息，用戶可重新檢測或進入逸動官網(wǎng)。 

3.設(shè)計上，一個藍色的科學實驗容器，里面顯示題目相應器官，肺，耳朵等，有種科學家實驗室的感覺，也讓紅色的逸動汽車圖片更加顯眼。

案例：查看你的群聊觀察報告

品牌：夢幻西游

1.創(chuàng)意定位，夢幻西游宣傳H5，關(guān)于群聊的測試類型，生成測試報告~

2.策劃上，以群聊展示線上人生，點擊“加入群聊”按鈕，列出幾個群，無論點擊哪個群，顯示的問題都一樣，一共8個問題，題目都是關(guān)于群聊，每個問題三個選項，8個問題回答完畢后，輸入名字，生成群聊觀察報告。

3.設(shè)計上，大色塊運用，純色大背景，每個問題的背景顏色都不同。

案例：我的人生BUG報告

品牌：網(wǎng)易新聞 X URBAN REVIVO

1.創(chuàng)意定位，網(wǎng)易新聞聯(lián)手 URBAN REVIVO出品，通過對大多數(shù)人來說，2020發(fā)生很多很糟心的事情這個點切入，引起用戶共鳴，借勢傳播。

2.策劃邏輯，作品大致分為四部分：①開始界面，loading到開始界面，有個小人不停跑步中摔倒，爬起來又繼續(xù)奔跑，點明BUG主題，畫面自動播完跳轉(zhuǎn)下一頁；②姓名欄界面，

用戶輸入姓名；③選擇題界面，h5共九道題，每一題對應一個結(jié)果，關(guān)聯(lián)后面結(jié)果頁；④結(jié)果頁，顯示你的2020BUG報告人設(shè)結(jié)果，作品二維碼，用戶可在此界面點擊商品跳轉(zhuǎn)客戶頁面，分享，或重新測試。

3.設(shè)計上，h5整體的調(diào)性是輕松詼諧的，整體配色會比較明亮、跳躍。每個畫面還配有局部動畫，整體畫面顯得生動、飽滿。

體驗完這三款案例，相信大家都對其更有興趣了，如想體驗更多類似案例，可以關(guān)注我們藍橙互動公眾號獲取最新案例內(nèi)容。如需定制類似H5頁面，可以咨詢我們網(wǎng)站客服，了解詳細的開發(fā)信息。

相關(guān)文章：《國際禁毒日H5》