1号店：庆生点火9等你来

2017-07-18 H5案例分享 H5案例分享

案例：庆生点火9等你来

出品：1号店

亮点：

策划上，扁平风格展示案例。加载完成后进入案例，首屏给出案例的主题大大的9字庆生点火等你来。随后跟随9字划过进入内容页，印有1号店logo的纸箱摆放在屏幕中央，长按下方按钮开始案例，随后经过3秒礼物盒从下到上逐渐炸开，到顶部，出现了九周年庆祝蜡烛及标识。下滑可以看每一层店活动，母婴玩具9元秒杀，蔬果生鲜1元起领，家电数码，食品家居，厨卫饮料，美容护理涉及各个方面进行介绍。下滑到底跳转落地页，露出活动主题内容。点击“好东西就该这样买”跳转1号店活动页面，点击“跟朋友借点火”可进行分享。
设计上，矢量图形构成的3D效果。画面用色整体清新亮丽，适当的深色色块很好的将画面进行分割并将画面压下，不会让人感觉画面那么飘。
体验上，倒计时的加入，会让读者有种放二踢脚时的紧张感，很好的调动了读者的积极性。小动画加入让案例更加的丰富。

技术实现： jQuery

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

识别图中二维码

庆生点火9等你来-查阅二维码

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

标签