国家心理健康和精神卫生防治中心×阿里安全:绿网计划-有声疗愈
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:绿网计划-有声疗愈
品牌:国家心理健康和精神卫生防治中心×阿里安全
技术实现: HTML5
亮点:
1.创意定位
国家心理健康和精神卫生防治中心与阿里安全联合推出的公益H5,以“绿网计划-有声疗愈”为主题,借用守护生命健康大使林志玲、佟大为的磁性声音,介绍关于抑郁情绪的疗法,让大家了解抑郁症,呼唤大家对抑郁症患者更耐心,更有爱。
2.策划逻辑
大致流程:Loading → 主题页 → 鼓励留言 → 输入姓名 → 生成海报。
Loading:文案引导“点亮温暖奇遇”,加载进度百分比,品牌露出包括公益合作方和发起方。
主题页:倾听你的无助,陪你走出孤独。守护生命健康大使林志玲、佟大为用特别温柔的声音,介绍抑郁情绪的知识,呼吁大家对抑郁症患者多一分耐心,多一分爱。点击“活动介绍”弹出活动介绍文案,介绍了活动目的和定位。
鼓励留言:输入鼓励Ta们的话,勾选“知晓并同意留言协议”,点击“下一步”。
输入姓名:输入守护官昵称。点击“我ok啦”。弹出更多鼓励内容发送的邮箱地址。点击“下一步”进入海报页。
生成海报:点亮温暖奇遇主题海报,长按可以保存海报到手机相册。
3.视觉交互
双套UI设计,当用户进入H5时,会随机打开蓝色主题或者绿色主题的UI界面,很有意思,界面多变,声音好听,立意积极正能量,能吸引更多用户参与传播。交互上主要采用了点击、输入和长按。
4.用户体验
听了好多遍,声音治愈,绝对是可以的,好听的声音,好听的歌,着实能影响心情和情绪。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号