完美日记:制作你的治愈香

数英评分
我的评分
收藏 评论
举报 2019-08

1.png

联图二维码.png

案例:制作你的治愈香

品牌:完美日记&网易云音乐

技术实现:egret.js + tween.js

亮点:

1.创意定位

此款“浮光系列香水”的推广作品,用户在作品中回答问题后生成专属海报,看自己适合哪一款香水,可在海报页面点击链接登陆平台浏览详情,以此打造新款香水的清新治愈系形象,提高产品销量。

2.作品大致份3个阶段:

①主题:主题语“只做你的治愈香”,一个晶莹的香水瓶下有本次系列产品的名称“完美日记浮光系列淡香水”,点击“开始制作”进入作品。
②问题回答:一共四道题目,点击符合自己偏好的答案即可。题目内容为自己需要被治愈的坏情绪,内心的希冀,选一个象征美好的东西,和能代表此刻心情的音乐(先点击播放,确认后再次点击)。
③生成海报:答题完毕后,输入自己的名字,查看制作结果,海报包括用户名,制作出的香水的名字,(新系列四款香水中的一款,包括筑梦曲,意中人,白日梦,积雨云),香水的前调,中调和后调的名称,(均为乐曲名称),一句乐评,用户可保存海报,也可点击“拥有XXX(香水名)”,登陆平台详细了解。

3.设计:

作品使用的颜色很浅,线条柔软,轮廓感很弱,以淡紫色,淡粉,淡蓝,淡黄为主,背景为色块的互相渐变融入,答案的框架使用了羽毛,漂流瓶,气球等造型,看起来很舒服温润,供选答案的语言风格也很温柔,符合案例“治愈系”的主题风格。 

4.交互:

屏幕下一直有一个透明的瓶子,用户选择答案后,其他答案消失,所选项化作亮晶晶的白色星星落入瓶中,伴随熟悉的魔法显现的声音,瓶中的水位会相应升高,好像真的在一步步为自己制作专属香水。

案例展示:


 
数英评分
5
我的评分
谢谢
数英评分
5
我的评分

    专业评分

    专业评分已截止

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)