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