完美日记:制作你的治愈香
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:制作你的治愈香
品牌:完美日记
亮点:
- 创意定位
完美日记“浮光系列香水”的推广作品,用户在作品中回答问题,生成专属海报,看自己适合哪一款香水,可在海报页面点击链接登陆平台浏览详情,以此打造新款香水的清新治愈系形象,提高产品销量。
- 策划逻辑
作品很简短,大致分为三个阶段
①主题导入。主题语“只做你的治愈香”,一个晶莹的香水瓶下有本次系列产品的名称“完美日记浮光系列淡香水”,点击“开始制作”进入作品。
②问题回答,一共四道题目,点击符合自己偏好的答案即可。题目内容为自己需要被治愈的坏情绪,内心的希冀,选一个象征美好的东西,和能代表此刻心情的音乐(先点击播放,确认后再次点击)。
③生成海报。答题完毕后,输入自己的名字,查看制作结果,海报包括用户名,制作出的香水的名字,(新系列四款香水中的一款,包括筑梦曲,意中人,白日梦,积雨云),香水的前调,中调和后调的名称,(均为乐曲名称),一句乐评,用户可保存海报,也可点击“拥有XXX(香水名)”,登陆平台详细了解。
- 设计上
作品使用的颜色很浅,线条柔软,轮廓感很弱,以淡紫色,淡粉,淡蓝,淡黄为主,背景为色块的互相渐变融入,答案的框架使用了羽毛,漂流瓶,气球等造型,看起来很舒服温润,供选答案的语言风格也很温柔,符合案例“治愈系”的主题风格。
- 交互上
屏幕下一直有一个透明的瓶子,用户选择答案后,其他答案消失,所选项化作亮晶晶的白色星星落入瓶中,伴随熟悉的魔法显现的声音,瓶中的水位会相应升高,好像真的在一步步为自己制作专属香水。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号