完美日记:制作你的治愈香
案例:制作你的治愈香
品牌:完美日记&网易云音乐
技术实现:egret.js + tween.js
亮点:
1.创意定位
此款“浮光系列香水”的推广作品,用户在作品中回答问题后生成专属海报,看自己适合哪一款香水,可在海报页面点击链接登陆平台浏览详情,以此打造新款香水的清新治愈系形象,提高产品销量。
2.作品大致份3个阶段:
①主题:主题语“只做你的治愈香”,一个晶莹的香水瓶下有本次系列产品的名称“完美日记浮光系列淡香水”,点击“开始制作”进入作品。
②问题回答:一共四道题目,点击符合自己偏好的答案即可。题目内容为自己需要被治愈的坏情绪,内心的希冀,选一个象征美好的东西,和能代表此刻心情的音乐(先点击播放,确认后再次点击)。
③生成海报:答题完毕后,输入自己的名字,查看制作结果,海报包括用户名,制作出的香水的名字,(新系列四款香水中的一款,包括筑梦曲,意中人,白日梦,积雨云),香水的前调,中调和后调的名称,(均为乐曲名称),一句乐评,用户可保存海报,也可点击“拥有XXX(香水名)”,登陆平台详细了解。
3.设计:
作品使用的颜色很浅,线条柔软,轮廓感很弱,以淡紫色,淡粉,淡蓝,淡黄为主,背景为色块的互相渐变融入,答案的框架使用了羽毛,漂流瓶,气球等造型,看起来很舒服温润,供选答案的语言风格也很温柔,符合案例“治愈系”的主题风格。
4.交互:
屏幕下一直有一个透明的瓶子,用户选择答案后,其他答案消失,所选项化作亮晶晶的白色星星落入瓶中,伴随熟悉的魔法显现的声音,瓶中的水位会相应升高,好像真的在一步步为自己制作专属香水。
案例展示:
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)