中意人寿:中意伴您回家
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:中意伴您回家
品牌:中意人寿
技术实现: HTML5
亮点:
1.创意定位
中意人寿在2023年春节之际推出的“中意伴您回家”创意H5作品。
2.策划逻辑
大致逻辑:主题页 → 上传照片页 → 海报页 → 信封页 → 抽签页。
主题页:露出品牌Logo和主题——中意伴您回家,中意人寿与您一起同行。上滑屏幕,进入上传照片页。
上传照片页:文案引导。“家里总有我的念挂,妈妈煲的汤,爸爸的茶,爱人温暖的手,孩子们给我们画的画,甚是想念,现在就起行吧!”,“请选择一张照片上传,在广州南站留下您的身影,让您的家人都知道您回家啦!”。点击“马上开始”,上传照片,点击“跳过互动”,直接跳转信封页。
海报页:上传带有正面人像的照片后,H5会自动抠图,背景为广州南站,调整位置,合成海报,可以保存到手机相册。点击“点击下页,精彩继续”,进入信封页。
信封页:点击信封,信封打开,写上一句话,点击下页,进入抽签页。
抽签页:点击“开始抽签”,抽取好运签。点击“返回首页”,可以进行二次体验。
3.视觉交互
整体视觉以春节红为主背景,红底金字,营造了过节喜气洋洋的氛围。
交互方式包括上滑、点击、键盘输入和长按保存海报到相册。
4.用户体验
上传照片后能自动抠图,抠图效果很不错!但是,如果上传的照片中没有识别到人像,则会上传失败。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号