项目一:MCN管理后台
开发周期:20天
开发模式:前后端分离开发
项目描述:在“MCN机构管理中心”项目中,进行工作方法和技术创新, 设计与构建相结合将复杂的后台页面,按照形式和功能,进行系统的归纳分类。并输出相应的页面模块和组件。项目使用gulp编译,使用gitlab进行版本管理 ,提高了多人协作的工作效率,也保证了多人参与的项目,输出的规范性与统一性。
1、在技术实现上,打破以往的实现方式,还大大降低了后期需求变更和维护的成本。
2、在MCN的推广页设计上,抛弃以往标准化的模板版式,采用动态效果的立体风格的图片展示,让整个产品介绍更加鲜活有趣; 同样在适配上,创新性的采用等比适配规则,最大限度的保证了各个尺寸屏幕的适配效果。
3、在动画实现上,采用简洁的淡出效果作为开场;每屏部分场景元素采用立体悬浮动画;突破以往pc页面的展示,给大家带来不一样的视觉体验。
4、通过这次的合作,大家相互间都收获了更多的经验和技巧,相信在以后的管理后台产品中输出更多有较高口碑度和传播力的产品。
工作职责:负责PC与H5前端页面构建、项目组件定制、js交互效果及动画效果实现,PC端适配,并配合设计及开发进行后期维护;
项目地址:xxx
项目二:设计需求管理后台
开发周期:18天
开发模式:前后端分离开发
技术栈:Html+css+JQuery+PHP
项目描述:设计需求管理后台由设计+前端人员自己设计、开发,并于2018年年中开始测试,随后上线,是一个便于产品、运营人员在提交设计需求时,方便与设计师对接的管理系统。
原来的流程为:各业务方人员提交需求给接口人(每周一)—— 业务方接口人汇总需求 —— 业务方接口人写邮件 —— 设计管理人员分配各需求—— 设计管理人员回复各业务邮件
现在的流程为:各运营后台提交需求(任意时间) —— 设计管理人员每天固定时间分配需求
工作职责:负责管理后台系统页面构建和前端技术支持、通过SVN与PHP开发协同开发,并配合设计及开发进行后期维护和后续二期迭代等;
项目三:我在微博的2016
开发周期:20天
开发模式:前后端分离开发
技术栈:Html5+CSS3+Swiper
项目描述:在#我在微博的2016#专题活动中,将元素碎片化并构建出开场动画效果,丰富专题的动画实现方式,使重点项目的动画形式多样化,多态化,力争将产出的品牌活动做到有较高影响力和传播度,丰富微博专题web端视觉交互动态效果
工作职责:前端页面构建、css3动画实现、js交互效果及背景音乐的控制、特殊效果的控制,并配合设计及开发进行后期维护;
线上效果:该项目在没有大范围业务线推广的前提下做到上千大V自主转发,蓝V用户及政府机构账号自主转发扩散,项目总参与人数破百万,话题阅读量破 9亿。
其他项目:
微博认证改版:开发模式改为模块化开发,提高项目开发速度及精准度,为之后新增的认证的快速开发奠定基础。
微博榜单:开发模式向模块化组件开发模式转变,使用Marvel框架,提升工作效率,统一管理代码、解放生产力达到真正的自动化。
微博红包改版:整合所有代码,优化代码质量,增强后期优化及改版的便捷性。
微博股票:主要输出相应的模块和组件,减少代码冗余,提升效率和代码质量。在部分项目中使用动画等效果突出项目特色,提升用户体验等;