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