HR Analytics - Case Study
Introduction:
HR Analytics specializes in delivering data-driven insights, technology-driven solutions, and strategic advisory services to optimize human resources and enhance organizational performance. Our primary goal was to design a user-friendly and intuitive platform that seamlessly offers services like advanced analytics, compensation and benefits strategies, HR technology integration, and employee engagement and retention tools. With a time-sensitive project, we executed various steps of the UX/UI design process, ensuring high-quality deliverables within a project timeline of 10 weeks.
1. User Research & Discovery
Objectives: Understand the needs and pain points of the HR industry, particularly in areas related to data-driven insights and employee engagement.
Methods: Conducted surveys and interviews with HR managers, reviewed competitive platforms and analyzed the existing challenges in HR management.
Findings:
- Many HR professionals struggle with data interpretation.
- Need for clear benchmarking solutions.
- Frustrations with existing HR tools that lack customization.
2. User Personas
3. Customer Journey Maps
4. Empathy Maps
Empathy maps help understand the thoughts, feelings, behaviors, and needs of users. Below are the detailed empathy maps for Sarah (HR Manager) and Jan (Business Owner).
5. Wireframing & Prototyping
- Created low-fidelity wireframes to outline the user flow.
- Iterated through several design rounds based on feedback.
- Built high-fidelity prototypes using Figma for detailed screens and interactions.
6. Visual Design
- Focused on a clean, professional design language to align with HR Analytics' branding.
- Used a color palette that conveys trust and professionalism (blues and greys).
- Ensured accessibility by following WCAG guidelines.
- Delivered responsive layouts for desktop, tablet, and mobile devices.
7. Development Collaboration & Handoff
- Provided detailed design specifications to developers.
- Collaborated closely with the development team to ensure design fidelity.
- Utilized Zeplin for a smooth handoff and ensured all assets were properly annotated.
8. User Testing & Feedback
- Conducted usability testing with a select group of HR professionals.
- Gathered feedback on ease of navigation, data visualization, and user satisfaction.
- Made adjustments based on the insights gained, including simplifying some interactions and refining the dashboard views.
9. Post-Launch Feedback & Iteration
- Continued gathering user feedback post-launch to identify areas for further improvement.
- Focused on improving the dashboard functionality and real-time data reporting features based on user suggestions.
- Iterations planned to enhance performance and add more customization options.
Conclusion:
The project’s UX process was tailored to the unique needs of HR professionals. By prioritizing user research, creating detailed personas, and continuously refining the design through testing and feedback, we ensured a solution that meets both user needs and business objectives. The final product, HR Analytics, not only addresses common pain points in HR management but also empowers users with advanced tools like ENGAGED and BOTTOMLINE, driving performance and employee satisfaction.
Timeframe: 10 Weeks.
Tools Used in the UX/UI Design Process for HR Analytics:
Research & Discovery:
- Google Forms/Typeform: For user surveys and gathering initial feedback.
- Teams: For conducting interviews with HR professionals.
- Trello: To manage and track research progress.
Personas, Empathy Maps, and Journey Maps:
- Miro: For creating detailed user personas, empathy maps, and customer journey maps collaboratively.
- Whimsical: Used for visualizing empathy maps and journey flows.
Wireframing & Prototyping:
- Figma: For designing wireframes, low-fidelity to high-fidelity prototypes.
Visual Design:
- Adobe Illustrator: For creating custom icons, illustrations, and visual elements.
- Photoshop: For image manipulation and visual assets.
- Figma: For design-to-development handoff and annotation of design specifications.
Development Collaboration:
- Teams: For real-time communication and feedback between design and development teams.
User Testing & Feedback:
- Maze: For conducting usability tests and collecting actionable insights from test participants.
- Google Analytics: To track user interactions post-launch and gather data for continuous improvement.
Post-Launch Feedback & Iteration:
- Hotjar: To monitor user behavior through heatmaps and session recordings for optimizing the design.
Tools used
Topics
Share
Reviews
1 review
Overall, this is a strong and well-documented case study with solid visual execution and a clear UX process. The dashboards and survey flows are thoughtfully structured, and the login screen feels clean and professional.
A few UX and interaction-level refinements would elevate this further:
1. Make accessibility visible, not just stated
You mention WCAG compliance and accessibility considerations, which is great. To strengthen the case study, consider demonstrating this more explicitly:
- Show focus states (keyboard navigation)
- Display error states and validation behavior
- Include hover, active, and disabled states
- Add micro-interactions or short prototypes
Animating or making the form interactive would make the case study feel more complete and credible from a usability standpoint.
2. Login flow completeness
The login screen looks clean, but a few flow gaps exist:
- “Reset” under “Forgot password?” feels slightly vague — “Reset password” would be clearer.
- There’s no visible option for users who don’t yet have an account. A clear “Create account” or “Sign up” link would improve task completion and prevent dead ends.
3. Brand clarity in survey experience
The survey page shows only the Engaged logo. Since Engaged appears to be a solution under HR Analytics, the hierarchy could be clearer (e.g., “Engaged by HR Analytics”) to avoid confusion about whether this is a separate product.
4. Edge cases in the language modal
In the language selection pop-up, there’s an “X” to close it. What happens if a user closes the modal without selecting a language?
- Does it default to English?
- Does it remember a previous selection?
Clarifying or designing this behavior would strengthen UX logic and reduce ambiguity.
5. Consistency & polish
There are minor spacing inconsistencies and a few spelling errors (including on the About page and in the survey). For an enterprise HR platform, these details impact perceived credibility and trust.
Overall, this is a strong case study with a well-articulated process. Refining interaction states, edge cases, and flow completeness would make it feel more production-ready and strategically mature. Hope this helps :)
You might also like
HealthFlow: Designing a Simple and Insightful Wellness Dashboard
Improving Dating App Onboarding: A/B Test Design
FORM Checkout Flow - Mobile
A/B Test for Hinge's Onboarding Flow
Accessibility Asse
The Fitness Growth Engine
Popular Courses
UX Design Foundations
Design Terminology
UX Writing