粤港澳大湾区之声:云年夜饭 全民接力大挑战

2021-02-17 H5案例分享 H5案例分享
粤港澳大湾区之声:云年夜饭 全民接力大挑战


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

识别图中二维码

云年夜饭 全民接力大挑战-查阅二维码

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


案例:云年夜饭 全民接力大挑战

品牌:粤港澳大湾区之声

技术实现: Egret+Tween

亮点:

1.创意定位

微信公众号“粤港澳大湾区之声”在2021春节期间推出的云年夜饭创意H5作品。在疫情期间,国家倡导就地过年,很多人不能回家过年,通过这支云年夜饭,让大家在线上一起吃年夜饭。

 

2.策划逻辑

横屏作品。① Loading → ② 背景介绍 → ③ 年夜饭接力模式选择 → ④ 上传照片 → ⑤ 选择衣服 → ⑥ 生成海报。

 

① Loading页面:各种美食照片切换+进度条+横屏模式提醒。

 

② 背景介绍:两张卡通漫画+文案,介绍疫情期间,大家也要团圆,一起来进行年夜饭接力。

 

③ 年夜饭接力模式:模式一为“亲友接力”,选择座位数→上传正脸照→DIY人物形象→选择座位加入年夜饭;模式二为“全民接力”,上传正脸照片→DIY人物形象→加入年夜饭。

 

④ 上传照片,用户上传正脸照,可以手动调整位置、大小和角度,输入昵称,点击“确定”进入衣服选择环节。

 

⑤ DIY人物形象:第④步上传的人脸+配套衣服,衣服为六选一,然后进入海报生成页。

 

⑥ 生成年夜饭海报,长按可以保存海报到手机,海报包含品牌方公众号二维码和H5的二维码。

 

 

3.设计交互

主色为新年红,卡通风格。用户上传照片后,进行人脸分割,然后匹配卡通服饰,带入感极强。点击、上传照片、滑动调整、长按保存,各种交互方式清晰明确。

 

4.用户体验

上传照片不满意时,更换照片不是很方便。整个逻辑想法比较好,但实际参与起来,还是有一定门槛的。云年夜饭,你吃到了吗?

 





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

标签

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

相关推荐:

山东卫视:山东春晚-幸福中国年

人民网+趣动+微视+中国移动:我的年夜饭,最有范儿!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~