后台人力资源系统 · UI/UX Case

后台人力资源设计展示页

以员工全生命周期为主线,整合人事、考勤、薪酬、培训、入职与审批工作台,呈现一个面向企业 HR 与管理者的后台产品设计方案。

人力资源系统门户首页界面截图
01

人事入口统一

员工档案、入转调离、合同、证件、社保等事项通过门户和工作台进入。

02

审批任务前置

将请假、加班、出差、离职等待办事项放到首页,减少后台跳转成本。

03

经营数据可读

把人力成本、离职率、编制、薪酬结构等数据转成可复盘的图表视图。

Design Foundation

色彩/字体/图标/组件规范

T9 后台系统设计规范长图

色彩和状态

主色承担导航和核心操作,辅助色用于风险、薪酬、通过、警示等状态区分。

表格和表单

以高频录入和批量审核为中心,控件规格保持克制,便于后台长期使用。

图表系统

门户侧提供趋势、环图、柱图和风险指针,让管理层能快速定位异常。

Portal & Workbench

从首页看全局,从工作台处理具体事项。

首页承载预警、公告、待办、人员构成和成本支出;工作台则承载入职、转正、调职、离职、合同、证件等可执行任务。

查看流程
人力资源门户新版首页截图
人事工作台列表界面截图

Core Modules

页面展示

01

人事门户

高能预警、公告、待办审批、团队与员工风险信息共同组成首页看板。

人事门户界面截图
02

考勤门户

围绕缺勤、迟到、旷工等异常场景,让 HR 能快速追踪并处理异常。

考勤门户界面截图
03

薪酬门户

工资动态、人工成本、薪酬结构和趋势曲线在同一页面完成对照。

薪酬门户界面截图
04

培训主门户

培训安排、学习过程与员工成长节点独立成域,和人事主流程保持联动。

培训主门户界面截图

Workflow

把入职到薪酬的流程变成可追踪任务流。

01

招聘录入

候选人进入招聘漏斗,生成待办与人事档案入口。

02

入职办理

资料、证件、合同、社保等事项按节点推进。

03

考勤异常

迟到、旷工、缺勤等异常进入独立处置页。

04

薪酬核算

薪资结构、人工成本和趋势分析形成复盘闭环。

新入职办理界面截图
考勤异常迟到界面截图
薪资工作台界面截图
数据洞察分析界面截图
数据洞察分析
人工成本总量分析界面截图
人工成本总量分析
员工离职分析界面截图
员工离职分析
劳动力情况分析界面截图
劳动力情况分析