TEMPO CAFÉ：换装吧，咖啡！
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例：换装吧，咖啡！
品牌：TEMPO CAFÉ
技术实现： html5
亮点：
- 创意定位
TEMPO CAFÉ推出的涂色作品，用户给咖啡铺子和咖啡涂上自己喜欢的颜色，生成海报，以此提高TEMPO CAFÉ的知名度，鼓励更多用户走进TEMPO CAFÉ享受咖啡时光。
- 策划逻辑
加载完毕后界面会出现邀请语，点击标题界面的触点进入着色环节，底图是一个公仔站在咖啡铺子前的黑白线条图，点击左下方画板上的色块，再点击画中的区域即可着色，着色完毕后点击“完成”进入下一界面，左右滑动屏幕选择一款自己喜欢的咖啡，按照上一环节的方法涂色后，即可生成咖啡与铺子的合成图海报，海报上有鼓励用户走进tempo的语言框，用户可再次创作或分享作品。
- 音乐上
节奏感十足的背景乐，让人联想起在咖啡馆的惬意时光。
- 交互上
用户点击颜色后，需要对准自己想要着色的领域点击，不然会涂到相邻区域，对于不满意的地方可重新选择颜色，也可点击“重置”把已经涂上的颜色全部去掉，重新着色。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
