安佳Anchor:原来你是这种人

2019-10-23 H5案例分享 H5案例分享
安佳Anchor:原来你是这种人


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

识别图中二维码

原来你是这种人-查阅二维码

完整欣赏此案例大约需要1分30秒


案例:原来你是这种人

品牌:安佳Anchor

技术实现: html5

亮点:

  1. 创意定位

安佳为了宣传“棋子瓶”系列推出的性格测试型H5作品,用户在作品中回答多选题,生成海报,最后可以点击查看购买方式以及微博抽奖活动,以此提高“棋子瓶”系列产品的销量和微博话题热度。

 

  1. 策划逻辑

加载界面是手绘的主图与作品标题,点击进入后,是一段关于“棋子”的导语,点击触点进入测试,共七道多选题,点击与自己性格相符的描述即可,被点击的选项会变蓝,再点击又变回白色,每题完毕后可点击“下一题”继续回答或“上一题”重新选择答案,答题完毕自动生成海报,包括图案,性格特征,和词语描述,用户可保存海报,重新测试或分享作品,也可点击大图查看活动详情。

 

  1. 设计上

纯白背景上的蓝色系手绘图案,字体类似于小学生写的铅笔字,笔画随意,大小不一,答题过程也很简单,从描述中选择符合自己性格的即可,选择后选项条会变蓝,对比明显,最后的海报中有国际象棋中棋子造型的主图,还有一些富有想象力和与商品相关的小插图,画风可爱活泼。

 

  1. 音效上

活泼的背景音乐,节奏略有跳跃,打造轻松氛围。





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

标签

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

相关推荐:

Anchor安佳:时光倒转,重回1886

美图 + 丸美:内心深处的你

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~