三元：至IN中国风，竟然来自紫禁城？

2019-07-02 H5案例分享 H5案例分享

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

识别图中二维码

至IN中国风，竟然来自紫禁城？-查阅二维码

完整欣赏此案例大约需要2分钟

案例：至IN中国风，竟然来自紫禁城？

品牌：三元

亮点：

1.创意定位

这是由三元牛奶推出的宣传类H5，邀请用户观看中国风的发展史，并借此宣传产品。

2.策划上

①进入H5后，用户需要横屏观看，向左滑动屏幕观看画卷。②页面介绍了从古至今的中国风的发展史，并举出了中国风旗袍登上了Dior的秀场、竹元素登上Armani春夏秀场两个例子。③最后，从中国风的介绍引申出三元牛奶的宫藏系列，划动到底部用户可以点击按钮直接跳转去购买。

3.设计上

一镜到底的形式，古风漫画风格，画卷色彩古朴，针对不同时代都应用了与之相符的独特元素；背景音乐悠然动听。

4.体验上

整体操作流畅，精美的画面配上悠扬的背景音乐，很有感觉，但是开头的向左滑动的提示不是很明显。

技术实现： annieCore.min.js + Animate.js + Scroller.js

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

标签