这100件事,你完成了多少

来源:案例:这100件事,你完成了多少      时间:2020-02-24 15:46:09

技术实现: pixi.js + Animate.js + Scroller.js + zepto

亮点:

1、创意定位

网易新闻品牌宣传H5,案例基于网络数据收集,整理出100件最有意义的事,用户选择已经完成了多少。

 

2、策划上

① 进入首页后,提示用户向左滑动,滑动后,提示用户输入你的名字(已做了敏感词过滤),点击“去选择”按钮进入100件事的选择;

② 屏幕自动从右向左以底部为圆心旋转,用户也可以手动,事件默认文字形式,用户选择点击后变成图形;屏幕右上角列出用户选择的已完成事件数;点击屏幕右上角数字的左侧,列出用户已经选择的完成事件,用户可以在已完成的列表位置删除选错的事件;

③ 选择完毕后,点击“完成选择”按钮,生成人生比作的100件事海报,列出已完成的件数和具体的事。

 

3、设计上

浅灰色底色,扁平风格原型事件图标,页面整体简洁宣传H5

 

4、体验上

朋友圈中有好友列出很多已经完成的事儿,也有列出仅仅几件;其实无所谓多少,没有完成也没有关系,主要是意识到有很多有意义的事等待我们去做,在未来的时间依次实现吧~~http://www.wei-ben.com/


【案例截屏】

 微信图片_20200224150954_副本.jpg

请长按/扫描以下二维码

这100件事,你完成了多少

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

 


维本公众帐号
热文榜
  • 一镜到底h5【新品上市图片】
  • 微场景为什么可以在微信界流行起来
  • H5微传单营销时需注意这五大点
  • H5微场景内容决定着传播的成与败
  • h5微海报制作注意事项都在这里
  • 餐饮行业应该怎样利用H5微海报做推广?【海报模板】
湖南省长沙市雨花区人民东路58号铭诚摩根大厦15F
联系电话 : 13297493314
工作时间 : 09:00 - 18:00
Copyright@ 2017-2018     友情链接: h5 软文推广
湖南维本网络科技有限公司版权所有   湘ICP备17021452号-2

发送