网易文创/哒哒X云南白药：测一测你的独家守护方式

2022-06-21 H5案例分享 H5案例分享

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

识别图中二维码

测一测你的独家守护方式-查阅二维码

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

案例：测一测你的独家守护方式

品牌：网易文创/哒哒X云南白药

技术实现： html5

亮点：

1.创意定位

云南白药与网易新闻联合推出的治愈系作品，将用户的随机连线图案生成温馨画作，解析用户的守护方式，传递温暖，突出云南白药在口腔方面的“守护”主旨。

2.策划逻辑

打开作品，浏览“守护”导语，输入名字，开始测试，聆听音乐，根据内心的感觉把给出的五颗星星按任意顺序连接起来，连接出的图案会逐渐演化成一幅画作，作为落地海报的主图和主题，海报上还有守护方式的名字和解析，用户可点击倾听毛不易为云南白药创作的主题曲《拾光者》，也可重新测试或参与抽奖。

3.设计上

打开作品就可以听到海风和海浪的声音，惬意放松。蓝色界面，一个人在海边瞭望的画面给想象力一个延伸感，传递自由随心的概念。随机连线出的图案被扩展成治愈系画作，也给用户一种被重视被爱护的感觉。下侧是云南白药的牙膏流出呈海洋状，营造品牌美好形象。

4.视觉上

用户连接完毕后，图形转换得很有层次，发光，填充，边缘闪烁，变成铅笔画形态，再到最终图画，让用户欣赏灵动效果的同时，对结果充满期待。

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

标签