海报生成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开发服务。