【清明节H5】绿色文明祭扫,献花点烛追思

除了常见的图文翻页展示外,清明节H5还可以融入哪些创意交互设计呢?小派整理了一波案例和模板并为你一一分析,希望可以带你找到答案~

 

拓展阅读:

清明节H5模板

今年清明节,以H5的方式居家追思

云祭祀H5丨云端过清明,线上寄哀思

 

近年来,为弘扬优秀传统文化、践行绿色发展理念,并呼吁广大群众在安全有序、文明和谐的环境中缅怀故人、祭奠先烈,越来越多的政务新媒体都会在清明节来临之际,发布文明祭扫倡议书、线上云祭祀等各种主题的H5。但这些H5中,很大一部分都是基本的图文翻页展示类作品。

 

那么,除了常见的图文翻页展示外,清明节H5还可以融入哪些创意交互设计呢?小派整理了一波案例和模板并为你一一分析,希望可以带你找到答案~

 

 

清明节H5案例

 

 

《2022清明祭英烈》

点击标题体验

 

出品:实践杂志社、内蒙古文明网

制作:云帆动画

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

创意特色:动画、长图左右滑动、微信录音、留言、参数变量、合成海报

内容简介:用户可通过横向滑动屏幕的方式依次浏览各个英烈的文字介绍,并选出TA的名字、聆听TA的经典名言。用户在左右滑动屏幕时,页面中的插画人物(捧花的小女孩)也会相应地转变朝向。此外,用户还可根据提示跟读人民英雄纪念碑碑文、线上献花并进行留言。留言提交成功后,用户即可查看自己是第几位留言者,并长按保存一份专属海报。

 

 

《特别策划:声声清明》

出品:人民网

实现方式:定制开发

创意特色:音频、合成海报

内容简介:该H5主要以在线收音机的创意形式向用户讲述英雄故事,并传达平凡人的思念,真挚的话语配上平缓抒情的音乐,非常打动人。用户可通过滑动旋钮、点击磁带的方式聆听相应的音频,还可根据提示点击闪烁的星星、切换寄语,并生成一份海报。

 

 

《清明云祭扫 网上寄哀思》

点击标题体验

 

出品:镇江市委宣传部、镇江市文明办、镇江报业传媒集团

制作:今日镇江

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

创意特色:参数变量、留言评论

内容简介:用户可先通过提示按钮点烛悼念故人或献花缅怀先烈,再填写姓名、留言并提交。留言信息将在清明小长假期间的《京江晚报》上选登。

 

 

《朵朵鲜花敬英烈》

 

出品:江苏省退役军人事务厅、新华报业传媒集团、扬子晚报

实现方式:定制开发

创意特色:视频、参数变量、留言、弹幕

内容简介:该H5先以视频等形式表达了对英雄烈士的敬仰,再邀请用户参与线上献花互动。用户可任选一种花祭奠英烈,并根据提示发送留言、再次献花或将作品分享出去。

 

 

《星辰在线特别企划丨清明节,湖南九人行:云端·寄怀》

点击标题体验

 

出品:星辰在线

制作:马上工作室

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

创意特色:热区、目录、点击跳转页面、动效

内容简介:该H5主要包含《云寄清明赋》、《遥寄父亲》、《若泉下有知》等9篇文学作品,用户可通过滑屏依次查看,也可通过点击目录的方式按需查看。

 

 

《云祭扫-缅怀英烈 祭奠英雄》

点击标题体验

 

出品:普陀区文明办、普陀区教育局

制作:青年派

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

创意特色:热区、艺术字、动效、参数变量

内容简介:用户可先通过点击地点图片(谢晋元纪念塑像、顾正红纪念馆、沪西革命史陈列馆、沪西工人半日学校史料陈列馆、地下少先队群雕)的方式进入相应的云祭扫页面,再浏览图文介绍并为烈士献花、鞠躬。完成献花、鞠躬后,用户还可查看相应的人数。

 

 

《清明祭英烈——传递火种,缅怀不朽》

 

出品:青微工作室、中国青年报融媒工作室、观海网

实现方式:定制开发

创意特色:视频、参数变量

内容简介:该H5先以一段短视频缅怀先烈,再邀请用户通过滑屏操作点燃火把。火把点燃后,用户还可查看自己是第几个传递火种缅怀先烈的人。

 

 

《铭记光辉历史,祭奠缅怀英烈》

 

出品:广东文明网、南方网、粤学习客户端

实现方式:定制开发

创意特色:长页面、音频

内容简介:该H5旨在带领用户重温党在百年奋斗历程中,四个不同历史时期英烈代表们的事迹。用户可通过滑屏、点击操作聆听、浏览英烈故事,并为他们的英勇行为献花。

 

 

清明节H5模板

 

 

《清明节H5模板》

点击标题体验

 

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

 

 

《清明节在线祭祀》

点击标题体验

 

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

 

 

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

更多精彩的H5案例及模板

详见意派Epub360官网

 

10