【创意H5】凤凰网“美丽童行”

【创意H5】凤凰网“美丽童行”
2019年11月22日 10:23 H5案例分享

案例:凤凰网“美丽童行”

品牌:凤凰网

技术实现:jQuery+Vue.js

亮点:

1.创意定位

凤凰网为【2019凤凰网“美丽童行”公益盛典】创作的创意H5作品,通过三个场景卡通动画故事,呼吁大家在面对网络或者身边的任何人或事的时候,可以分享一些善意,传递一些温暖,为社会增温。

2.策划逻辑

① Loading部分即已露出主题——“社会的温度来源于你的态度”;

② 加载完毕后,进入仿资讯类App产品界面,有三条社交网友发的信息,每一条都对应一个卡通动画故事;

③ 在点击引导下,点击三条中任何一条内容,进入“事实真相”的场景故事,通过用户的交互选择,让用户了解面对这种情况时,如何用自己的行动,传递善意和温暖,一起为下一代构建更健康、更温暖的社会环境。

故事一:看到陌生人的痛苦和难处时,一声温暖的关怀,也许就能拯救一条脆弱的生命。

故事二:看到网络世界里面消极有害的言论时,随手举报有害信息,一起守护健康网络环境。

故事三:每个人都应为自己的言论负责,不去随意传播未经证实的消息。

④ 交互故事后,有一屏过渡文案,最后生成一张“社会的温度来源于你的态度”的主题海报,包含用户是第多少位“为社会增温的人”、呼吁大家一同传递善的力量的文字光束、品牌Logo及Slogan,和回流二维码。

3.视觉及交互

仿资讯类APP产品画面+卡通漫画故事。整体交互引导明确,让人在点选的过程中,了解在面对网络信息时,一个微小的善举,或许就能改变别人的命运,不轻信,不谣传,分享善意,传递温暖,最后生成“正能量”的海报,可以长按保存。

4.体验上

创意视角比较独特,看到的并不一定就是事实。通过三种情况的描述,让用户亲身参与其中,交互选择,体验一个善举带来的改变,从而激发大家思考和行动。一条评论,一句对白,一个动作,一个小小的善举,都可以给社会增温,为世间带来美好。

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

财经自媒体联盟

新浪首页 语音播报 相关新闻 返回顶部