粤港澳大湾区之声:云年夜饭 全民接力大挑战
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:云年夜饭 全民接力大挑战
品牌:粤港澳大湾区之声
技术实现: Egret+Tween
亮点:
1.创意定位
微信公众号“粤港澳大湾区之声”在2021春节期间推出的云年夜饭创意H5作品。在疫情期间,国家倡导就地过年,很多人不能回家过年,通过这支云年夜饭,让大家在线上一起吃年夜饭。
2.策划逻辑
横屏作品。① Loading → ② 背景介绍 → ③ 年夜饭接力模式选择 → ④ 上传照片 → ⑤ 选择衣服 → ⑥ 生成海报。
① Loading页面:各种美食照片切换+进度条+横屏模式提醒。
② 背景介绍:两张卡通漫画+文案,介绍疫情期间,大家也要团圆,一起来进行年夜饭接力。
③ 年夜饭接力模式:模式一为“亲友接力”,选择座位数→上传正脸照→DIY人物形象→选择座位加入年夜饭;模式二为“全民接力”,上传正脸照片→DIY人物形象→加入年夜饭。
④ 上传照片,用户上传正脸照,可以手动调整位置、大小和角度,输入昵称,点击“确定”进入衣服选择环节。
⑤ DIY人物形象:第④步上传的人脸+配套衣服,衣服为六选一,然后进入海报生成页。
⑥ 生成年夜饭海报,长按可以保存海报到手机,海报包含品牌方公众号二维码和H5的二维码。
3.设计交互
主色为新年红,卡通风格。用户上传照片后,进行人脸分割,然后匹配卡通服饰,带入感极强。点击、上传照片、滑动调整、长按保存,各种交互方式清晰明确。
4.用户体验
上传照片不满意时,更换照片不是很方便。整个逻辑想法比较好,但实际参与起来,还是有一定门槛的。云年夜饭,你吃到了吗?
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号