国家心理健康和精神卫生防治中心×阿里安全:绿网计划-有声疗愈

2022-09-09 H5案例分享 H5案例分享
国家心理健康和精神卫生防治中心×阿里安全:绿网计划-有声疗愈


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

绿网计划-有声疗愈-查阅二维码

完整欣赏此案例大约需要2分钟


案例:绿网计划-有声疗愈

品牌:国家心理健康和精神卫生防治中心×阿里安全

技术实现: HTML5

亮点:

1.创意定位

国家心理健康和精神卫生防治中心与阿里安全联合推出的公益H5,以“绿网计划-有声疗愈”为主题,借用守护生命健康大使林志玲、佟大为的磁性声音,介绍关于抑郁情绪的疗法,让大家了解抑郁症,呼唤大家对抑郁症患者更耐心,更有爱。

 

2.策划逻辑

大致流程:Loading → 主题页 → 鼓励留言 → 输入姓名 → 生成海报。

 

Loading:文案引导“点亮温暖奇遇”,加载进度百分比,品牌露出包括公益合作方和发起方。

 

主题页:倾听你的无助,陪你走出孤独。守护生命健康大使林志玲、佟大为用特别温柔的声音,介绍抑郁情绪的知识,呼吁大家对抑郁症患者多一分耐心,多一分爱。点击“活动介绍”弹出活动介绍文案,介绍了活动目的和定位。

 

鼓励留言:输入鼓励Ta们的话,勾选“知晓并同意留言协议”,点击“下一步”。

 

输入姓名:输入守护官昵称。点击“我ok啦”。弹出更多鼓励内容发送的邮箱地址。点击“下一步”进入海报页。

 

生成海报:点亮温暖奇遇主题海报,长按可以保存海报到手机相册。

 

3.视觉交互

双套UI设计,当用户进入H5时,会随机打开蓝色主题或者绿色主题的UI界面,很有意思,界面多变,声音好听,立意积极正能量,能吸引更多用户参与传播。交互上主要采用了点击、输入和长按。

 

4.用户体验

听了好多遍,声音治愈,绝对是可以的,好听的声音,好听的歌,着实能影响心情和情绪。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯音乐公益 X THE腾讯音乐艺术计划 X腾讯公益:你看过孤独的样子吗

阿里健康:测测你的“皮肤气质”

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~