亿众互动:我的2021专属拜年表情包
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:我的2021专属拜年表情包
品牌:亿众互动
技术实现: HTML5
制作:亿众互动
亮点:
创意定位:线上拜年是一项颇具仪式感的活动,春节期间,人们在微信上互道过年好,向亲朋好友表达新春的问候,这个时候,如果能使用专属于自己的特制表情包,绝对能够瞬间吸睛、脱颖而出。
此H5以“生成动态表情包”为主要形式,用户上传正脸照,即可生成“人脸+卡通身体”的专属牛年GIF表情包。
与“牛年”相关的动态表情包,生动有趣。可上传自己的照片,量身定制;也可上传朋友的“丑照”,来波恶搞;还可以上传爱豆的美照,追星族必备……满足年轻人个性化需求。
策划逻辑:
①Loading页:四个写着牛年祝福文字的方块翻滚着,同时显示加载进度;加载完毕自动进入【引导视频】;
②引导视频:模拟微信群聊天,通过打工人群聊,引出“生成牛年趣味动态表情包”主题;播放完毕或点击“跳过”进入【首页】;
③首页:主题文字及“人脸+卡通身体”的动态表情包示意给予用户预期;点击“上传照片定制”可直接拍摄或上传照片;
④照片调整页:上传照片后可在照片调整页进行照片大小的调整,以对准标线;点击“确认”即可进入【表情包生成页】,生成动态表情包;
⑤表情包生成页:默认生成第一个动态表情包,左右滑动下方的表情包菜单栏,可切换浏览不同的12个表情包;点击不同表情包,可生成对应的动态表情;长按表情包动图可将其保存;最后两个表情包为“未解锁”状态,点击弹出分享遮层,提示分享一次可解锁一个表情包。
视觉设计:表情包设计围绕牛年主题并结合时下网络热点,幽默有趣;红色的主色调烘托了过年的气氛。“放礼花”“电视机屏幕”等页面动效更增添了生动性和趣味性。
互动体验:交互简单,操作简洁。引导视频可跳过;上传照片即可生成GIF表情包。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号