网易云音乐 + JO MALONE：拿捏你的英伦气质

2022-05-04 H5案例分享 H5案例分享

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

识别图中二维码

拿捏你的英伦气质-查阅二维码

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

案例：拿捏你的英伦气质

品牌：网易云音乐 + JO MALONE

技术实现： GSAP + JavaScript

亮点：

策划上，

用户通过4道测试题，测出专属用户的英伦气质，每种气质契合当下用户的流行心理，如躺平等，最后对应到祖玛珑的产品上。创新式地用阳光明媚来表达英伦气候中阴雨绵绵时的美好愿景；

设计上，

整体画风为插画风，每个结果都对应了一副精美插画，插画内容和测试结果相对应；

交互上，

测试题目自己背景中有一些小动画增加系列，交互感流畅。

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

标签