意派Epub360丨清明节H5交互制作经验,藏在这些案例和模板里

原创 收藏 评论
举报 2024-03-21

 公众号封面-电脑端.png

 

一年一度的清明节即将来临,这既是一个扫墓祭祖、缅怀英烈的节日,也是一个踏青出游、融入自然的节日,还是一个大量交互H5不断涌现的节日。

 

正准备做清明节主题H5的派友们,快来看看下面这波H5案例及模板吧,希望它们可以为你的创作提供灵感~

 

 

清明·H5案例

 

 

《文明献花 安全祭祀》

点击标题体验

公众号配图 (1).png

出品:四川文明网、雅安文明网

实现方式:定制开发

创意特色:插画、长按播放长页面、参数变量、合成海报、抽奖

内容简介:该H5共分为三个版块,①祭奠英烈:用户可根据提示通过长按、点击操作浏览英烈介绍、为英烈献花、查看自己是第几个献花者、保存献花海报、参与抽奖;②清明习俗:用户可根据提示通过长按操作查看节日习俗介绍;③倡议书:用户可阅读“文明祭祀”倡议书内容(绿色祭扫过清明、安全祭扫过清明、移风易俗过清明)。

 

 

《清明祭英烈 “云端”敬英雄》

点击标题体验

公众号配图 (2).png

出品:江西爱教基地

制作:云帆动画

实现方式:意派Epub360 H5编辑器

创意特色:微信授权、横屏、序列帧、长页面、参数变量、合成海报

内容简介:用户可通过滑屏、点击操作浏览/聆听各个英烈的文字/音频介绍,还可“云参观”方志敏烈士陵园、井冈山革命烈士陵园、兴国革命烈士纪念馆及革命烈士纪念堂VR展馆。用户在横屏左右滑动长页面时,页面中的插画人物(捧花的小男孩)也会相应地转变朝向。而在作品最后,用户还可根据提示为烈士献花、获得一份专属海报、跳转查看《江西数字展馆》。

 

 

《春天很好,若你还在》

点击标题体验

公众号配图 (3)还在.png

出品:瑞安新闻

实现方式:意派Epub360 H5编辑器

创意特色:长页面、音频、视频、动效、网页跳转

内容简介:该H5主要以长页面的形式承载了6封感人的信件。用户可通过滑屏、点击操作查看图文/视频、聆听音频,而在长页面末尾,用户还可根据提示获得一份想念海报,或跳转至温州市瑞安市网络祭祀平台。

 

 

《云端寄哀思,清明云祭扫》

点击标题体验

公众号配图 (5).png

出品:紫金山新闻

实现方式:定制开发

创意特色:参数变量、合成海报

内容简介:用户可根据提示输入想说的话,并通过“生成海报”按钮获得一份专属的追思海报(海报中可显示用户是第几位追思者)。

 

 

《春天在哪里·清明小长假特辑 - 齐享农行卡友日·丽人踏青季》

点击标题体验

公众号配图.png

出品:中国农业银行新疆分行

制作:卓小越

实现方式:意派Epub360 H5编辑器

创意特色:动效、全景容器、小游戏、参数变量、长页面

内容简介:用户可通过滑屏操作360°旋转查看圆柱型全景,并根据提示点击图片,以进入找不同小游戏。小游戏的玩法很简单:用户只需对比上下两幅图,并在下图中点击两幅图中的不同处即可。成功通关后,用户还可根据提示按钮返回全景界面,或进入长页面,以了解农行卡友日清明小长假特惠活动。

 

 

清明·H5模板

 

 

《【清明节】知习俗 忆清明》

点击标题体验

公众号配图答题.png

模板简介:用户需在60s内完成10道测试题,若挑战成功,用户即有机会参与抽奖。

 

 

《记忆 · 那天》

点击标题体验

公众号配图 (3).png

模板简介:用户可先选择日期、上传照片、切换天气/配文,再通过提示按钮生成一份带有自己微信昵称的记忆卡片(卡片可长按保存至手机相册)。

 

 

《清明节在线祭祀》

点击标题体验

微信图片_20220316103900 (7).png

模板简介:用户可在线缅怀英烈、浏览各种倡议内容,并为英雄点灯、发表留言评论。

 

 

《清明节H5模板》

点击标题体验

dsO9Zpjmp8sYWoFF__thumbnail (5).png

模板简介:用户可浏览烈士信息,并根据提示输入所在城市、获得专属的献花海报。

 

 

希望以上内容可以对您有所启发

更多精彩的H5案例及模板

详见意派Epub360官网

 

 

本文转载自:https://www.epub360.com/blogs/article/65fb9817ae38da7d9a45b794/

本文中的H5案例均来源于平台用户或第三方,版权归版权所有人所有。文中H5内容截图仅作效果展示之用,非商业用途。如有侵权,请联系我修改或删除。


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    意派科技

    意派科技

    上海 长宁区

    仙霞路321号百科苑大楼6楼604室