汉堡王：以帽为冠，向你致敬
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例：以帽为冠，向你致敬
品牌：汉堡王
技术实现： html5
亮点：
- 创意定位
汉堡王推出的用个人照片制作抗疫形象海报，致敬抗疫人员的作品，制作完毕后用户可分享作品或领取汉堡王优惠券，以此展示企业关爱抗疫形势的心情，同时用优惠劵带动消费。
2． 策划逻辑
一个彩色的线条勾勒出医生的轮廓后，出现身穿防护服的医生照片和作品标题，点击“向TA致敬”进入制作页面，上传自己的照片进行缩放和裁剪，从菜单中选择一个帽子点击至照片上，调节帽子位置，在下方彩色长条区域按照提示输入想致敬的人和想说的话，点击“开始致敬”生成最后海报，海报包括效果图，刚才输入的文字内容，和出品方LOGO，下滑海报可点击领取优惠券。
- 设计上
画面使用了清新显眼的彩色字体，让最后的海报在视觉上很活泼，很好看，帽子都是手绘的，有医生的防护帽，外卖小哥的头盔，护士帽，和志愿者帽子，他们都是疫情中的守护者，用户可根据自己的心意挑选对象进行致敬。
- 交互上
照片裁剪之后是不可以调整大小的，帽子可以点击切换，但也不能调节大小和方向，用户选择照片后，点击缩放和裁剪时脸部要比下方帽子稍微大一点，这样和帽子大小比较匹配。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
