友邦保险×上海博物馆:友禧雅叙图卷
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:友禧雅叙图卷
品牌:友邦保险×上海博物馆
技术实现: Zepto+TweenMax
亮点:
1.创意定位
2021春节期间,友邦保险联合上海博物馆推出的线上创意活动H5。以“友禧雅叙图卷”为题,用户上传照片生成卡通图像融入画像,最后抽奖。形成线上传播和用户参与。
2.策划逻辑
① 用“友拜贴”引出主题→ ② 性别选择→ ③上传照片融合人脸→ ④画卷展开→ ⑤生成海报→ ⑥抽奖。
① 有“友拜贴”引出主题:书房中有一份拜贴,引导用户打开,点开后是友邦保险发来的“友拜贴”,然后进入角色(性别)选择页。
② 性别选择:男生(翩翩君子)、女性(窈窕淑女),点击选择后,进入“上传照片融合人脸”部分。
③ 上传照片融合人脸:选择相册/拍照,上传人脸正面照片,自动融合生成人物形象。
④ 画卷展开:友禧雅叙图卷,缓缓从左往右移动展开,画卷内容根据一些画作藏品和诗词的改编,步骤②③生成的人物形象,多次出现。页面底部有两个联合品牌的Logo露出。用户点击画卷,画卷停止移动。画面末尾有一位画家为用户画了一幅画,用户可以“重新游历”,也可以“这就取画”。点击“这就取画”,进入海报页。
⑤ 海报页:包含用户自己定制卡通形象,联合品牌的Logo,以及相应文案。长按可以保存,点击页面底部的“邀友入画”,弹出引导分享蒙层。点击“有礼相送”,即进入留资页面。留下姓名、地址和电话,参与抽奖。
3.设计交互
整个画面精美,参考了博物馆中很多精品画作,人脸融合卡通形象逼真,能很好的融入画卷。交互方式有点击、上传照片、长按、输入等,每一步基本都有引导提示,交互清晰。
4.用户体验
整体操作流畅,画卷精美。最后还有奖品,还在活动期,大家赶快试试吧!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号