本图片来自H5案例分享
“中华十大野生名菜” 微信扫一扫
“百科全书” 微信扫一扫
电 话：0874-3136001或13887185623
邮 箱：dz@dondz.com
地 址：曲靖经济技术开发区紫麒山S2栋
如何做优质的H5？（冬子科技挑选优质三个H5供大家学习）
H5是一系列制作网页互动效果的技术集合，即H5就是移动端的web页面。
H5页面目前也是各企业品牌传播、营销推广的常用方式之一，可以在线报名、新品发布、活动推广、产品和服务介绍、邀请函、招聘、企业宣传、营销推广、趣味测试、婚礼请柬，风格迥异。下面云南冬子科技有限公司挑选本年度的三个H5传播效果颇佳供大家观摩学习。
案例一：辛弃疾文化周
品牌：济南市文旅局X济南高新区X远界文化
技术实现： html5
亮点：
1.创意
济南市文旅局，济南高新区，与远界文化一起举行“辛弃疾文化周”活动，用户在作品中感受历史氛围，参与答题赢取优惠券，获知活动详情，以此宣传文化周活动，促进文化传播，增加文化周的人气。
2.策划
作品主要有三个环节
主题导入
一副卷轴上逐渐浮现辛弃疾的简单介绍，点击“接受”后进入作品。
回答问题
一小段动画自动播放，内容是辛弃疾骑马与朱熹，陆九龄一起来到“稼轩庄园”，一位老人告诉他们参与答题即有好礼相赠，进入庄园后，辛弃疾在桥上舞剑吟诗，点击闪烁的福袋开始答题，共五道选择题，包括辛弃疾的诗词接句和生平信息，答题完毕出现结果及获得的赠品，用户可点击“重新答题”或“去现场”。
宣传海报
点击“去现场”后辛弃疾放飞孔明灯，出现宣传海报，包括活动时间，活动地点，和礼品活动等，用户点击领取优惠券，在优惠券领取页面可重新观看作品，或退出作品。
古色古香的作品，在作品中有人物生平，和诗句欣赏，让用户初步了解辛弃疾的历史成就，复习经典诗句，引发对文化周的兴趣。
用户答题时点击选项后，所选项上会出现对号或错号，答题完毕后，用户若对结果不满意，可重新答题。
案例二：中华十大野生名菜
品牌：腾信新闻X腾讯公益
技术实现： html5
亮点：
1.创意定位
腾讯新闻与腾讯公益出品，普及关于野生动物为何不能食用的知识，和对于野生动物功效的误解，呼吁不要食用野生动物。
2.策划逻辑
作品会自动播放十种野生动物的介绍，包括鳄鱼，天鹅，果子狸，穿山甲，蝙蝠，棕熊，五步蛇，猫头鹰，豪猪，花尾榛鸡，下方有小图标列表，用户也可以自己点击小图标查看，在介绍页面点击动物图可跳至菜品页，有动物被做成菜的图，菜名，动物内心的吐槽语，下方有食用野生动物的认识误区及危害，点击“对野味说不”可生成保护海报，包括刚才的主图，作品呼吁和总结语，用户可点击分享作品或继续查看其他动物。
3.设计上
手绘的作品，对动物原貌的还原性很高，将野生动物的保护等级，外形，习性及食用功效认知误区都介绍的很详细，海报界面诸如“蝙蝠炖汤 棺材反光”的总结语，既搞笑又一语中的。
4.交互上
用户可以让界面自动切换，每个动物介绍页会停留五秒左右然后跳转至下一页，也可以点击下方的小图标，查看自己感兴趣的动物。
案例三：百科全书
品牌：人民日报 | 客户端
技术实现： zepto + krpano + video
亮点：
1、创意定位
人民日报客户端介绍民法典的H5，将民法典寓意为百科全书，让用户了解民法典的内容。
2、策划
① 首先通过一段文案引起用户兴趣，这里有一本神奇的百科全书，它将伴随你，保护你，用户点击“开始”按钮，进入图案馆的大厅，大厅里可以调起手机的重力感应，用户可以旋转手机查看图书馆全貌，而后对面的门有小手提示，点击门，进入另一个房间；
② 下面是穿过书架的快速镜头，在不同的书架上，弹出不同的书，出现生活中的不同场景，提示用户选择回答，每个场景2-3个选项，用户选择后，会有答案选择的正确和错误提示，然后回答了8个问题场景后，汇聚出现民法典，用户可以查看民法典（草案），或者在看一遍H5。
3、设计
以图书馆为环境，通过翻看不同的书，出现不同的生活场景，生活其实就像是一本本书，让我学习。
4、体验
通过这支H5，了解了民法典的内容，同时也增加了想更多了解民法典的兴趣。
云南冬子科技有限公司选择本年度上半年三个优秀H5分享给大家，大家赶紧摩擦小拳头操作起来吧！相比粗制滥造的H5，一款从整体策划、设计角度出发的H5更容易激发大家对好品质的H5分享哦!
