H&M：H&M2018新春系列

2018-02-02 H5案例分享 H5案例分享

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

识别图中二维码

H&M2018新春系列-查阅二维码

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

案例：H&M2018新春系列

出品：H&M

亮点：

1、策划上，图文展示类，加载完毕，采用一镜到底的形式，模拟故宫片场，随着页面的滑动，页面逐渐深入，依次通过拍摄的准备阶段，引导用户左右滑动屏幕，查看 “白夜CP”的新春大片。看完后依次点击三个灯笼，引导用户获得代金券、“白夜CP”表情包、进入H&M购物页。

2、设计上，北京模拟故宫的场景，灯笼、“春”字、等营造了过年喜庆的氛围；使用杨幂赵又廷片场做噱头，吸引用户的注意力。

3、交互上，用户需要滑动页面继续查看，参与感很强。

4、体验上，小五看完这个H5，觉得使用全景展现可能会更好，而且故宫场景处理的有些粗糙，地面与墙的连接处明显不搭。

技术实现： swiper.js+jQuery.js

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

标签