数字木兰:“数字木兰”给姐妹们的一封信

2024-03-11 H5案例分享 H5案例分享
数字木兰:“数字木兰”给姐妹们的一封信


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

识别图中二维码

“数字木兰”给姐妹们的一封信-查阅二维码

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


案例:“数字木兰”给姐妹们的一封信

品牌:数字木兰

技术实现: HTML5

亮点:

1.创意定位

数字木兰在国际劳动妇女节推出的「“数字木兰”给姐妹们的一封信」创意H5作品。通过几个有代表性的时代女性形象,突出「她想」,激发女性姐妹们的共鸣。不要总为了孩子,为了丈夫,为了家人,为了别人,而忘记了自己内心所想,要去倾听自己内心真正的力量。

 

2.策划逻辑

大致逻辑:Loading  → 一封信 → 四个女性故事 → 文案过渡 → 生成海报。

 

一封信:一封说明主题的短信,又到女生节日,大家在天南海北在各自的领域里发光发热,坚持所想,去做热爱,她们是这么想的。继续滑动,读信的具体内容。

 

四个女性故事:幼教老师、人工智能训练师、民宿管家、女足小队员,四个有时代特色的女性职业,她们按自己所想,去努力开创。点击「查看更多」,进入下一个环节。

 

文案过渡:她想,她敢做,你想,你敢做吗?滑动去成为「你想」的样子。 

 

生成海报:众多女性形象不停轮播闪现,用户点击后,轮播暂停,生成自己想要的一个预设女性形象。点击「生成专属海报」,即可生成一张选定人物形象的海报,底部带有二维码。

 

3.视觉交互

蓝紫渐变背景,简笔画人物形象配合局部小动画。内容走心,整体视觉轻盈易读,让人在轻松的氛围下,体验一封信。交互方式简洁,滑屏、点击、长按,降低交互门槛,用户轻松就能体验到最后,去分享海报的环节。

 

4.用户体验

最后的女性形象环节,内置了若干女性人物简笔画形象,喜欢的人,会多次点击暂停,寻找自己心仪的人物形象。总体上,小五是非常喜欢。





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

标签

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

相关推荐:

网易花田:三八妇女节测测你是哪种古代女神

腾讯医典:揭秘内衣自由真面目!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~