Goertek HRMS
HR Operations with a Customized SaaS Solution
Leveraging Yonyou’s existing SaaS framework, this project aimed to create a tailored Human Resource Management System (HRMS) for Goertek.
TIMELINE
Feb 2024 - May 2024
MY ROLE
As the UI/UX Designer, I was responsible for wireframing, prototyping, and UI design. I collaborated closely with my mentor to refine the design process and worked directly with the client to ensure alignment with their requirements.
Company
Yonyou is a company principally engaged in the development of enterprise management software and cloud services.
IMPACT
Simplified access to HR information reduced frustration and increased efficiency. Streamlined navigation and well-structured information architecture, combined with clear data visualization and optimized workflows, enhanced decision-making for HR professionals.
Project Background
What is an HRMS?
A Human Resource Management System (HRMS) is a digital platform designed to streamline and automate various human resource functions within an organization.
By leveraging HRMS, companies can enhance operational efficiency, reduce manual workloads, ensure data accuracy, and improve employee experience.
Business Goles
Standardized Performance Metrics
Establish a consistent set of performance indicators to allow HR teams to evaluate team and individual productivity effectively.
Real-Time Recruitment Tracking
Provide up-to-date insights on recruitment progress, enabling managers to make timely adjustments based on current needs.
Detailed Employee Engagement Insights
Enhance engagement data analysis to allow HR to identify trends and areas for improvement, fostering a positive work environment.
Comprehensive Workflow Monitoring
Enable managers to oversee task completion and employee activities across departments, ensuring alignment with organizational goals.
User Role Insights
User
Scenario
Needs
HR
Managers
Employees
View overall organizational performance data on the platform, including team member productivity, project completion status, and recruitment metrics.
Monitor recruitment metrics by department, identify talent gaps, and track hiring processes.
Access individual and team performance metrics to understand evaluation criteria and results.
Clear reports
Real-time recruitment insights
Strategic adjustments
Transparent performance display
Self-assessment
Internal Use
Integrated presentation of organizational performance data and recruitment metrics
Design specification, componentization
Color/Font
Normally, the colors of the text, title, etc. adopt the neutral colors defined by Ant Design, and on this basis, 20% of the brand color is superimposed
The HarmonyOS Sans font studies the reading feedback of users on multiple terminal devices in different scenarios, comprehensively considers factors such as the size and usage scenarios of different devices.
Icon Refresh
The original icon colors have been simplified, focusing on brand and primary colors to create a refreshed icon set. This approach reduces visual noise and enhances icon readability, making them cleaner and more easily recognizable.
Employee Dashboard
The Employee Dashboard serves as a centralized hub for employees to access essential information and perform daily HR-related tasks efficiently. It also provides quick insights into key HR metrics and employee-specific data.
The design focuses on creating a clear, intuitive structure. By using a modular card layout, I ensured that the most relevant information is displayed prominently and can be accessed quickly.
Management Dashboard
The Management Dashboard provides managers with a comprehensive view of key HR metrics, helping them monitor organizational performance and make informed decisions.
Bold Percentage: Displays the current achievement rate prominently for quick assessment.
Highlighted ER Value:
Target Comparison
Administrative Metrics Management
The Administrative Metrics Management page provides a centralized view of key administrative KPIs, allowing managers to monitor performance levels across various departments and identify areas requiring attention.
Solution 1
Solution 2
Solution 2 was selected for the alerts because it offers a softer color scheme, providing important reminders without overwhelming the user. This enhances readability and visual comfort.
When a metric needs attention, the card changes color to highlight the issue, ensuring warnings are clear.
Organizational Performance Overview
The Organizational Efficiency Dashboard offers a centralized view of key performance metrics, helping managers track productivity, resource utilization, and goal achievement.
Key performance metrics help managers quickly assess achievement rates across the organization. The structured design and subtle color scheme enhance readability without overwhelming users
Departmental performance enables comparative analysis across teams. The clean layout, clear data hierarchy, and alternating row colors improve scanability and usability.
User Interface Showcase
