好视通2018春季招聘会

8月 前  •  BY  •  0 条评论

 

一、专题背景:

年前,官网人才招聘模块一直被边沿化,只是个粗燥的单页面组合,没有后台的支持,需要手动更新信息,放假前两天再把模版给完善了。

年后,收假回来,正值得“金三银四”,每逢这个时期,都要协助人力部门做一些设计协助,如Banner更新,页面调整等。修改的过程,发现了这个模块可以做些优化,优化了移动端、增加一些AD槽位、

手头上没多少事情,截了拉勾网专题页面,就和那边的人事提议做个类似的活动专题,花了10来分钟过描述了这个专题什么风格形式、调用信息、放置内容等框架逻辑,然后就开始动工了。

二、专题工期(设计、前端、后端):预计2天,实际2.5天;

1.设计:参考了拉钩“全民升职”的专题,风格考虑,使用当前主流的渐变设计,因为是活动专题,色彩上相对丰富;以Banner头部+AD模块+招聘类别列表+关于我们为基本框架;

2.前端:整体,响应式处理,交互上,Banner加入载入动效,滚动到视窗内元素一一缓慢向上;可优化的地方,懒加载、loading、优化资源(毕竟一个单页面加载了太多的CSS和JS,有点像打开煤气灶点烟….);

3.后端:基于phpcms的后台,不考虑使用专题模块,后台建立一个空栏目(目的,也容易维护,可以生成HTML静态页面),制作相应的模版,模版内调用“研发”和“营销”两个类别招聘信息(后台添加的信息,目前只有那么多);

三、专题效果:

1.PSD效果:

2.模版截取PHPCMS调用)

三、线上地址:

好视通2018春季招聘会

 

 

 

 

 

 

 

 

Scroll Up