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

2019-08-03 H5案例分享 H5案例分享
完美日记:制作你的治愈香


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

识别图中二维码

制作你的治愈香-查阅二维码

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


案例:制作你的治愈香

品牌:完美日记

亮点:

  1. 创意定位

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

 

  1. 策划逻辑

作品很简短,大致分为三个阶段

①主题导入。主题语“只做你的治愈香”,一个晶莹的香水瓶下有本次系列产品的名称“完美日记浮光系列淡香水”,点击“开始制作”进入作品。

②问题回答,一共四道题目,点击符合自己偏好的答案即可。题目内容为自己需要被治愈的坏情绪,内心的希冀,选一个象征美好的东西,和能代表此刻心情的音乐(先点击播放,确认后再次点击)。

③生成海报。答题完毕后,输入自己的名字,查看制作结果,海报包括用户名,制作出的香水的名字,(新系列四款香水中的一款,包括筑梦曲,意中人,白日梦,积雨云),香水的前调,中调和后调的名称,(均为乐曲名称),一句乐评,用户可保存海报,也可点击“拥有XXX(香水名)”,登陆平台详细了解。

 

  1. 设计上

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

 

  1. 交互上

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



技术实现: html5



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

标签

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

相关推荐:

作业帮:完美老师生成器

丝芙兰官网:丝芙兰小众香氛收藏馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~