Project Overview:

HR Navigator is a human resource platform designed to streamline employee operations, from attendance and payroll to records and performance tracking. Built for HR teams and business leaders, the app and website needed to combine efficiency with clarity.

Our role was to design a scalable, user-first digital experience that makes day-to-day HR processes intuitive while establishing a professional, modern brand presence.

Project Scope:

• UX Research & User Flows

• App & Website UI Design

• Design System & Component Library

• Content Structure & Navigation Strategy

• Responsive Prototyping in Figma

Design Approach:

The design approach focused on accessibility and simplicity. Clean typography, structured layouts, and well-defined flows make it easy for users to manage complex HR tasks without friction. The interface avoids clutter, favouring a functional visual language that prioritises usability across devices.

A modular design system was built to ensure consistency across the app, website, and future expansions — from dashboards to reporting tools.

Visual Language:

A balanced palette of calming blues and neutrals reinforces trust and professionalism, while bold accent colours guide attention to key actions such as approvals and submissions. Iconography and illustrations were kept minimal to avoid distraction, supporting a clear, enterprise-ready identity.

Outcome:

Through a considered design process, HR Navigator now has a modern, scalable platform that helps organisations simplify human resource management while offering employees a seamless experience across web and mobile.