Sqalible - HRMS Platform

Role

UI/UX Designer

Time

September, 2026

Tools

Figma, Chatgpt, Google Stitch, Figma make

Figma, Chatgpt

Client

Kombee Internal Project

Project Overview

Project Overview

The Sqalible - HRMS project focuses on designing a structured digital experience for human resource management.

The interface aims to organize employee information and HR workflows into a consistent system, making it easier for users to navigate information and complete their tasks.

Goal: Simplify HR interactions through clear information architecture, consistent interface patterns, and intuitive workflows.

Problem Statement

Problem Statement

HR management interfaces can become difficult to navigate when employee information, administrative tasks, and operational workflows are presented without a clear structure.

The design challenge was to organize these elements into an interface that supports efficient navigation while maintaining consistency across the product.

The experience needed to make important information accessible without overwhelming users with unnecessary visual complexity.


My Role & Workflow

Role: UI/UX Designer

Workflow

  • Reviewed requirements and mapped the key HR workflows.

  • Organized information into logical sections based on user needs.

  • Designed interface layouts and reusable components.

  • Refined navigation, hierarchy, and interaction patterns.

Delivery

  • HR dashboard and overview screens

  • Employee information interfaces

  • Workflow and task-related screens

  • Reusable UI components

  • [Additional modules actually designed]

UX Considerations

The design needed to support users working with information-heavy administrative workflows.

Key considerations included:

  • Organize employee information into clear sections.

  • Establish a consistent hierarchy across different modules.

  • Make important actions and statuses easy to identify.

  • Reduce unnecessary steps in common workflows.

  • Maintain consistent layouts and interaction patterns.

Feature Highlights

Feature Highlights

01 — HR Dashboard

Organize important HR information into an overview that helps users identify relevant details quickly.


02 — Employee Information

Present employee-related information in a structured and readable interface.

03 — Workflow Management

Create clear layouts for administrative tasks and multi-step workflows.

04 — Consistent UI System

Apply reusable components and consistent interface patterns across the product.

Requirement analysis

Workflow Mapping

UI design

Refinement & Handoff

Understood the gift card requirements, purchase flow, and business rules.

Mapped the journey from gift card discovery through purchase and confirmation.

Designed the gift card interface, personalization experience, checkout, and responsive layouts.

Refined layouts and interactions based on feedback.

Key Learnings

  • Enterprise products benefit from clear information architecture.

  • Consistent interaction patterns help users move between modules with less friction.

  • Administrative workflows should prioritize clarity and predictability.

  • A reusable component system supports consistency as a product grows.


My Role & Workflow

Role: UI/UX Designer

Workflow

  • Reviewed requirements and mapped the key HR workflows.

  • Organized information into logical sections based on user needs.

  • Designed interface layouts and reusable components.

  • Refined navigation, hierarchy, and interaction patterns.

Delivery

  • HR dashboard and overview screens

  • Employee information interfaces

  • Workflow and task-related screens

  • Reusable UI components

  • [Additional modules actually designed]

UX Considerations

The design needed to support users working with information-heavy administrative workflows.

Key considerations included:

  • Organize employee information into clear sections.

  • Establish a consistent hierarchy across different modules.

  • Make important actions and statuses easy to identify.

  • Reduce unnecessary steps in common workflows.

  • Maintain consistent layouts and interaction patterns.

Feature Highlights

Feature Highlights

01 — HR Dashboard

Organize important HR information into an overview that helps users identify relevant details quickly.


02 — Employee Information

Present employee-related information in a structured and readable interface.

03 — Workflow Management

Create clear layouts for administrative tasks and multi-step workflows.

04 — Consistent UI System

Apply reusable components and consistent interface patterns across the product.

Requirement analysis

Workflow Mapping

UI design

Refinement & Handoff

Understood the gift card requirements, purchase flow, and business rules.

Mapped the journey from gift card discovery through purchase and confirmation.

Designed the gift card interface, personalization experience, checkout, and responsive layouts.

Refined layouts and interactions based on feedback.

Key Learnings

  • Enterprise products benefit from clear information architecture.

  • Consistent interaction patterns help users move between modules with less friction.

  • Administrative workflows should prioritize clarity and predictability.

  • A reusable component system supports consistency as a product grows.

Ready to Elevate Your Product Experience ?

Whether you're launching a new product or refining an existing digital product, I'm here to help. Share the details about your project and I'll get back to you to work something out.

Create a free website with Framer, the website builder loved by startups, designers and agencies.