亿众互动:我的2021专属拜年表情包

2021-02-01 H5案例分享 H5案例分享
亿众互动:我的2021专属拜年表情包


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

识别图中二维码

我的2021专属拜年表情包-查阅二维码

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


案例:我的2021专属拜年表情包

品牌:亿众互动

技术实现: HTML5

制作:亿众互动

亮点:

创意定位:线上拜年是一项颇具仪式感的活动,春节期间,人们在微信上互道过年好,向亲朋好友表达新春的问候,这个时候,如果能使用专属于自己的特制表情包,绝对能够瞬间吸睛、脱颖而出。

 

此H5以“生成动态表情包”为主要形式,用户上传正脸照,即可生成“人脸+卡通身体”的专属牛年GIF表情包。

 

与“牛年”相关的动态表情包,生动有趣。可上传自己的照片,量身定制;也可上传朋友的“丑照”,来波恶搞;还可以上传爱豆的美照,追星族必备……满足年轻人个性化需求。

 

策划逻辑

①Loading页:四个写着牛年祝福文字的方块翻滚着,同时显示加载进度;加载完毕自动进入【引导视频】;

②引导视频:模拟微信群聊天,通过打工人群聊,引出“生成牛年趣味动态表情包”主题;播放完毕或点击“跳过”进入【首页】;

③首页:主题文字及“人脸+卡通身体”的动态表情包示意给予用户预期;点击“上传照片定制”可直接拍摄或上传照片;

④照片调整页:上传照片后可在照片调整页进行照片大小的调整,以对准标线;点击“确认”即可进入【表情包生成页】,生成动态表情包;

⑤表情包生成页:默认生成第一个动态表情包,左右滑动下方的表情包菜单栏,可切换浏览不同的12个表情包;点击不同表情包,可生成对应的动态表情;长按表情包动图可将其保存;最后两个表情包为“未解锁”状态,点击弹出分享遮层,提示分享一次可解锁一个表情包。

 

视觉设计:表情包设计围绕牛年主题并结合时下网络热点,幽默有趣;红色的主色调烘托了过年的气氛。“放礼花”“电视机屏幕”等页面动效更增添了生动性和趣味性。

 

互动体验:交互简单,操作简洁。引导视频可跳过;上传照片即可生成GIF表情包。





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

标签

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

相关推荐:

微信:@所有人,微信十年有你

网易新闻X哒哒X中华:呵人类,你对宝藏青年的力量一无所知

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~