DANIEL WELLINGTON×京东闪购：请查收，你的2019自在态度清单

2019-04-16 H5案例分享 H5案例分享

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

识别图中二维码

请查收，你的2019自在态度清单-查阅二维码

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

案例：请查收，你的2019自在态度清单

品牌：DANIEL WELLINGTON×京东闪购

亮点：

创意定位：DANIEL WELLINGTON联合京东闪购推出的列表清单类的H5，目的是在4月9日DW腕表闪购狂欢日做宣传。
策划上，①过渡页到达百分百时，显示“会员是有等级的，孤独是有层次的，游戏是有段位的，那人生呢？”，首页标题是“如果自在也分程度的话，你属于哪一种？”，根据提示沿着虚线滑动，生成自在态度清单。②会出现三个步骤，第一个步骤，选择或者写下你的自在态度；第二个步骤，选择背景色和小装饰；第三个步骤，晒出你的自在态度。点击“GO”按钮，③进入第一个步骤，一共有十二个选择，选择完一个可以在左上角看到选择的内容（可以删除里面选择的选项），也可以自己添加标签和写下自在态度，点击“确认”按钮。④第二个步骤，选择背景色（共六种颜色）和小装饰（有五种），点击“完成”按钮。⑤倒数3秒，显示2019我的自在态度清单，下方有一个“即可探索”按钮会跳转到京东闪购页面，还有二维码形成回流和两个品牌的logo。
设计上，整支H5以暖色系为主色调，渲染出一种清新的风格，表达品牌产品理念。
体验上，操作简单，如果没有的态度还可以自己写出来，让自己的自在态度表现出来~

技术实现： Egret tween ES6Promise jQuery

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

标签