Healthcare · Web / Mobile Application

Redefining workplace efficiency through a connected HR experience.

NexGenHR Hub is a unified HR platform bringing benefits, payroll, wellness, communication and employee services into one accessible experience for organizations, employees, families and healthcare providers.

400+hours spent
10+team members
2021project year
Healthcare ✦Web Application ✦Mobile Application ✦Product Design ✦UX Research ✦Digital Transformation ✦Patient Engagement ✦Healthcare ✦Web Application ✦Mobile Application ✦Product Design ✦UX Research ✦Digital Transformation ✦Patient Engagement ✦
01 / Project overview

Unlocking a new era in HR management.

NexGenHR Hub consolidates diverse HR services into one accessible platform, connecting employers, employees, families and healthcare providers across benefits administration, payroll, wellness and workplace services.

Project
NexGenHR Hub
Services
UI UX Design · Mobile App
Location
—
Technology
React JS · iOS · Android · Java
The opportunity

One connected HR experience.

NexGenHR Hub consolidates diverse HR services into one accessible platform, connecting employers, employees, families and healthcare providers across benefits administration, payroll, wellness and workplace services.

With web and mobile applications, the platform brings communication, patient information, activity monitoring and engagement into a connected experience.

02 / Goal

Empowering organizations with a holistic HR experience.

Create a connected HR platform that simplifies everyday employee services while supporting HR teams, finance workflows, benefits, wellness and communication across devices.

Challenge 01

Designing for diverse HR roles.

HR professionals, employees and finance teams have different goals, permissions and workflows. The experience needed to remain clear across these contexts.

Challenge 02

Balancing flexibility, security and scale.

The platform needed customization for organizations and healthcare providers while supporting data security, regulatory considerations and a consistent experience across devices.

03 / Process

Designing around real workplace needs.

The process combined user research, information architecture, journey mapping and iterative design to shape a connected HR experience across roles and devices.

01

Understand

Research the needs, goals and pain points of HR teams, employees and finance stakeholders.

02

Structure

Map information architecture, journeys and user flows across key HR services and workflows.

03

Design

Translate the structure into wireframes and high-fidelity Figma interfaces for the mobile product.

04 / User-centered design

Designed around the people who use it.

A user-centered design approach helped us understand the different roles behind HR operations, then translate their needs into journeys, flows, information structures and interface decisions.

WHO WE DESIGNED FOR
01
HR ProfessionalsManage employee services, policies, benefits and organizational workflows efficiently.
02
EmployeesAccess benefits, wellness, communications and everyday HR services with minimal friction.
03
Finance TeamWork with payroll, financial processes and information that require accuracy and clear workflows.
04
Business & Support TeamsSupport broader workplace operations and connected employee services across the organization.
01DISCOVER

User Research

Understand user needs, goals, pain points and workplace context across HR and employee services.

Focus: User Research
ResearchUsersNeeds
02DEFINE

Information Architecture

Organize services, roles and content into a clear structure, supported by journey mapping and user flows.

Focus: Information Architecture
IAJourney mappingUser flows
03DESIGN

Wireframing & UI

Explore structure through wireframes, then translate the validated direction into high-fidelity Figma UI designs.

Focus: Wireframing & UI
WireframesFigma UIComponents
04VALIDATE

Feedback & iteration

Review the experience across key workflows, incorporate feedback and refine the product before implementation.

Focus: Feedback & iteration
Task reviewFeedbackIteration
WHAT WE DID

What we did as part of UCD.

The UCD process produced tangible UX artefacts that helped connect user needs to the final product experience.

01User ResearchUnderstand HR persons, employees, finance teams and other stakeholders.
02Journey MappingMap key employee and HR journeys across services and workflows.
03Information ArchitectureOrganize services, content and role-specific information into a clear structure.
04User Flow DiagramMap key tasks and interactions across different user roles.
05WireframesExplore hierarchy, layout and interaction before visual styling.
HOW THIS CONNECTS

Connect every design decision to a user need.

The UCD process connects people and business needs to journeys, flows and interfaces — making the work read as product design rather than visual UI delivery.

01People
→
02Needs
→
03Flows
→
04UI
05 / PRODUCT EXPERIENCE

From journeys to real interfaces.

The UX structure translated into a connected mobile experience covering employee services, wellness, communications and everyday HR tasks.

06 / Impact

Empowering better workplace experiences.

The case study reports measurable improvements in HR process efficiency, employee engagement and data processing time.

25%

HR Process Efficiency

Improvement reported in the case study.

30%

Employee Engagement

Increase reported in the case study.

20%

Data Processing Time

Reduction reported in the case study.

07 / Design contribution

Turning complex HR workflows into clear product experiences.

My contribution focused on translating complex HR workflows into clear, role-aware mobile experiences through information architecture, journey mapping, user flows, wireframes and high-fidelity Figma UI design.

The solution combines customizable dashboards, communication, patient activity monitoring and real-time insights within a connected healthcare workflow.

Have a complex problem? Let's design a clearer experience.