友邦保险×上海博物馆:友禧雅叙图卷

2021-01-29 H5案例分享 H5案例分享
友邦保险×上海博物馆:友禧雅叙图卷


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

识别图中二维码

友禧雅叙图卷-查阅二维码

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


案例:友禧雅叙图卷

品牌:友邦保险×上海博物馆

技术实现: Zepto+TweenMax

亮点:

1.创意定位

2021春节期间,友邦保险联合上海博物馆推出的线上创意活动H5。以“友禧雅叙图卷”为题,用户上传照片生成卡通图像融入画像,最后抽奖。形成线上传播和用户参与。

 

2.策划逻辑

 ① 用“友拜贴”引出主题→ ② 性别选择→ ③上传照片融合人脸→ ④画卷展开→ ⑤生成海报→ ⑥抽奖。

 

① 有“友拜贴”引出主题:书房中有一份拜贴,引导用户打开,点开后是友邦保险发来的“友拜贴”,然后进入角色(性别)选择页。

 

② 性别选择:男生(翩翩君子)、女性(窈窕淑女),点击选择后,进入“上传照片融合人脸”部分。

 

③ 上传照片融合人脸:选择相册/拍照,上传人脸正面照片,自动融合生成人物形象。

 

④ 画卷展开:友禧雅叙图卷,缓缓从左往右移动展开,画卷内容根据一些画作藏品和诗词的改编,步骤②③生成的人物形象,多次出现。页面底部有两个联合品牌的Logo露出。用户点击画卷,画卷停止移动。画面末尾有一位画家为用户画了一幅画,用户可以“重新游历”,也可以“这就取画”。点击“这就取画”,进入海报页。

 

⑤ 海报页:包含用户自己定制卡通形象,联合品牌的Logo,以及相应文案。长按可以保存,点击页面底部的“邀友入画”,弹出引导分享蒙层。点击“有礼相送”,即进入留资页面。留下姓名、地址和电话,参与抽奖。

 

3.设计交互

整个画面精美,参考了博物馆中很多精品画作,人脸融合卡通形象逼真,能很好的融入画卷。交互方式有点击、上传照片、长按、输入等,每一步基本都有引导提示,交互清晰。

 

 

4.用户体验

整体操作流畅,画卷精美。最后还有奖品,还在活动期,大家赶快试试吧!





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

标签

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

相关推荐:

联想:令皇上惊喜三连的网红爆款

AIA真生活真伙伴 友邦保险:黔城寻梦,贵在优增

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~