字节跳动公益X艺途公益基金会X新周刊:测测你的不一样

2022-07-28 H5案例分享 H5案例分享
字节跳动公益X艺途公益基金会X新周刊:测测你的不一样


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

识别图中二维码

测测你的不一样-查阅二维码

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


案例:测测你的不一样

品牌:字节跳动公益X艺途公益基金会X新周刊

技术实现: html5

亮点:

  1. 创意定位

号召关爱心智障碍群体的作品,罗列了一些他们的日常行为,让用户选择自己是否也有,这些行为有的很日常,有的略显奇怪,用户完成选择后,作品会讲述群体特点,普及为他们设立的“错袜日”。

 

  1. 策划逻辑

可爱的拟人化卡通小袜子下面有一条细细的曲线,曲线慢慢上滑,旁边的标签逐个露出,用户点击符合自己的,标签会变成相应内容的卡通图标,也可手动上滑加快速度,点击右边“完成”,输入昵称,生成海报,包括图标总结和从标签内容引出“心智障碍群体”介绍的导语,用户可分享海报,和打开介绍页,查看“错袜日”的介绍,和友善对待心智障碍群体的呼吁。

 

  1. 设计上

简单可爱的页面,小标签五颜六色,画风萌趣。先罗列心智障碍群体的行为,再对他们进行介绍,让用户能跟着作品进入主题,理解和接纳作品中那些发自真心的倡导。

 

  1. 感受上

罗列出的很多行为好多人也会有,比如兴奋时大叫,喜欢走同一条路,对数字敏感等。当得知这些是心智障碍群体的特征时,会联想起看过的有相关症状的人,但对他们的行为会比往常更加理解和包容,希望每个跟别人有点“不一样”的小天使都能得到温暖友善的对待。





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

标签

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

相关推荐:

我是创益人X腾讯公益X腾讯SSV X 腾讯广告 X CDC:跟着阿猫去流浪

AUPU奥普:测测你的潮人指数

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~