腾讯新闻H5:用诗歌盲盒打开罕见病患者更多可能性

举报 2022-02

 腾讯新闻H5:用诗歌盲盒打开罕见病患者更多可能性

罕见病患者如若世间折翼的天使,求医用药、社会融入等难题化作绳索将其束缚在病痛的泥泞中,而他们身陷泥泞,却仰望星空,将对万物之所思所感凝成一首首温柔小诗,赠予生命,赠予你。

在今年的国际罕见病日,亿众互动为腾讯新闻及腾讯公益打造了一支集科普与公益为一身的【诗歌盲盒】H5,结合“share your colours”的主题,让用户任意选择自己的幸运色盲盒,以开盲盒的形式将不同罕见病患者所做的小诗赠予用户,使其收获爱意、了解爱意、滋养爱意。

此支H5为用户与罕见病患者筑起沟通桥梁,使其相互收获彼此饱含平等与尊重的关怀和爱意,同时结合了“开盲盒”的流行玩法,使其做到了内容创意与形式创意的完美结合。

扫描二维码,get你的【罕见礼物】~
(数英APP用户需点击放大二维码,长按识别)
1653568876833443.png


一、策划逻辑

1. loading页:铅笔在进度条上撰写刻绘,信箱装裹着“呼吸”的心脏,一次次心跳涌动出的爱意滋养着加载的进度,加载完毕后自动进入【首页】;

2. 首页:一串脚印伴随着清脆脚步声映入眼帘,孩童攀登上装满信件与爱意的纸箱,他身着披风,像是从荆棘中平和归来的不倒英雄,静默伫立,不仅赞美了罕见病患者的坚韧意志和乐观情怀,还与主题契合,即“以我生命色彩,赠你罕见礼物”;点击“点击开启”,爱心缓缓升空,于屏幕中间炸开,绚丽色彩四溅,而后转场至【盲盒选择页】;

3. 盲盒选择页:坠入深海中的孩童紧抱爱心,装有罕见病患者诗歌的各色盲盒随水波漂浮涌动,围绕飘散在孩童身边,用户点击盲盒,打开装有信封的盒子盖,随即跳转至【诗歌展示页】;

4. 诗歌展示页:铺有信纸的页面中展示着罕见病作者送给用户的一首自创小诗,抱着爱心的孩童坐在盲盒上等待着用户的来访,用户点击作者名片的箭头,即出现作者及罕见病详细介绍的弹窗,点击“看更多病友故事”可以查看其他病友情况;点击“再选一次礼物”返回至【盲盒选择页】;点击“查看你的礼物”进入【海报页】;

5. 海报页:用户选择的幸运色背景图搭配着罕见病作者送给用户的小诗,温情有深意的字句与用户产生灵魂碰撞;文案“谢谢你成为第x个走进罕见世界收到诗歌礼物的人”,颇有薪火之力化为熊熊火焰、滴水之情汇成辽阔大海的召唤力和凝聚感;点击“助力病友求医”跳转至捐款页面,点击“收藏并分享海报”可以保存海报并进入【分享页】;

6. 分享页:海报弹窗配合文案分享,引导用户分享至好友或朋友圈。

1653569916974317.png1653569933361423.png


二、视觉设计

1. 整支H5色彩丰富,以明亮温柔的颜色为主,盲盒设置有橙色、黄色、绿色和蓝色等,页面背景色设置有深蓝色和蓝绿色,营造了温暖的氛围;

2. H5以用户幸运色的契口引导其选择不同色彩的盲盒,不仅减少了用户的思考成本,还契合了当年国际罕见病日“share your colours”的主题,“让罕见病病友的诗歌,点亮你的幸运色!”

3. 用户最后得到的诗歌海报页主色调为其选择盲盒时的幸运色,前后呼应,设计精巧,具有惊喜感,使用户有一种被用心对待和馈赠的感觉;

4. 转场时的动效色彩对比度鲜明,震撼吸睛,增加了整体视觉的层次感和空间感,避免用户视觉疲惫。

1653569948536502.png


三、转场及动效

1. 转场丝滑流畅,具有视觉连贯性,如首页的爱心漂浮至屏幕中间后爆炸,光晕散开后浮现出盲盒选择页;

2. 动效设置有惊喜感,契合场景与主题,如点击盲盒后开盖的动效及铅笔写诗的加载动效,配以笔尖磨擦纸面的沙沙声,使用户的体验感更加自然。

1653569961945640.png


四、互动体验

交互简单,操作简洁,提示明确,以“点击”和“向下滑动”为交互方式,降低用户的认知成本及操作成本,将用户的主要注意力集中在内容上。

1653569974414413.png

快来拆开你的幸运色【诗歌盲盒】,收获这份专属于你的【罕见礼物】~

腾讯新闻

亿众互动 北京

亿众互动 北京

 

参与评论

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

参与评论

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

推荐评论

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

全部评论(0条)