数字木兰:“数字木兰”给姐妹们的一封信
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:“数字木兰”给姐妹们的一封信
品牌:数字木兰
技术实现: HTML5
亮点:
1.创意定位
数字木兰在国际劳动妇女节推出的「“数字木兰”给姐妹们的一封信」创意H5作品。通过几个有代表性的时代女性形象,突出「她想」,激发女性姐妹们的共鸣。不要总为了孩子,为了丈夫,为了家人,为了别人,而忘记了自己内心所想,要去倾听自己内心真正的力量。
2.策划逻辑
大致逻辑:Loading → 一封信 → 四个女性故事 → 文案过渡 → 生成海报。
一封信:一封说明主题的短信,又到女生节日,大家在天南海北在各自的领域里发光发热,坚持所想,去做热爱,她们是这么想的。继续滑动,读信的具体内容。
四个女性故事:幼教老师、人工智能训练师、民宿管家、女足小队员,四个有时代特色的女性职业,她们按自己所想,去努力开创。点击「查看更多」,进入下一个环节。
文案过渡:她想,她敢做,你想,你敢做吗?滑动去成为「你想」的样子。
生成海报:众多女性形象不停轮播闪现,用户点击后,轮播暂停,生成自己想要的一个预设女性形象。点击「生成专属海报」,即可生成一张选定人物形象的海报,底部带有二维码。
3.视觉交互
蓝紫渐变背景,简笔画人物形象配合局部小动画。内容走心,整体视觉轻盈易读,让人在轻松的氛围下,体验一封信。交互方式简洁,滑屏、点击、长按,降低交互门槛,用户轻松就能体验到最后,去分享海报的环节。
4.用户体验
最后的女性形象环节,内置了若干女性人物简笔画形象,喜欢的人,会多次点击暂停,寻找自己心仪的人物形象。总体上,小五是非常喜欢。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号