完美日記:制作你的治愈香
案例:制作你的治愈香
品牌:完美日記&網(wǎng)易云音樂
技術(shù)實現(xiàn):egret.js + tween.js
亮點:
1.創(chuàng)意定位
此款“浮光系列香水”的推廣作品,用戶在作品中回答問題后生成專屬海報,看自己適合哪一款香水,可在海報頁面點擊鏈接登陸平臺瀏覽詳情,以此打造新款香水的清新治愈系形象,提高產(chǎn)品銷量。
2.作品大致份3個階段:
①主題:主題語“只做你的治愈香”,一個晶瑩的香水瓶下有本次系列產(chǎn)品的名稱“完美日記浮光系列淡香水”,點擊“開始制作”進(jìn)入作品。
②問題回答:一共四道題目,點擊符合自己偏好的答案即可。題目內(nèi)容為自己需要被治愈的壞情緒,內(nèi)心的希冀,選一個象征美好的東西,和能代表此刻心情的音樂(先點擊播放,確認(rèn)后再次點擊)。
③生成海報:答題完畢后,輸入自己的名字,查看制作結(jié)果,海報包括用戶名,制作出的香水的名字,(新系列四款香水中的一款,包括筑夢曲,意中人,白日夢,積雨云),香水的前調(diào),中調(diào)和后調(diào)的名稱,(均為樂曲名稱),一句樂評,用戶可保存海報,也可點擊“擁有XXX(香水名)”,登陸平臺詳細(xì)了解。
3.設(shè)計:
作品使用的顏色很淺,線條柔軟,輪廓感很弱,以淡紫色,淡粉,淡藍(lán),淡黃為主,背景為色塊的互相漸變?nèi)谌?,答案的框架使用了羽毛,漂流瓶,氣球等造型,看起來很舒服溫潤,供選答案的語言風(fēng)格也很溫柔,符合案例“治愈系”的主題風(fēng)格。
4.交互:
屏幕下一直有一個透明的瓶子,用戶選擇答案后,其他答案消失,所選項化作亮晶晶的白色星星落入瓶中,伴隨熟悉的魔法顯現(xiàn)的聲音,瓶中的水位會相應(yīng)升高,好像真的在一步步為自己制作專屬香水。
案例展示:
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)