SaaS-based HR management system

UI/UX Design

For web and mobile

SaaS-based HR management system

UI/UX Design

For web and mobile

SaaS-based HR management system

UI/UX Design

For web and mobile

About

The HRIS (Human Resources Information System) is an internal HR management tool developed and maintained within our company. We decided to create our own HR system to replace RUN, a resource planning software we were previously using. Developing our own system allowed us to save on the costs associated with RUN and created an opportunity to potentially sell the software to other companies facing similar challenges.

About

The HRIS (Human Resources Information System) is an internal HR management tool developed and maintained within our company. We decided to create our own HR system to replace RUN, a resource planning software we were previously using. Developing our own system allowed us to save on the costs associated with RUN and created an opportunity to potentially sell the software to other companies facing similar challenges.

About

The HRIS (Human Resources Information System) is an internal HR management tool developed and maintained within our company. We decided to create our own HR system to replace RUN, a resource planning software we were previously using. Developing our own system allowed us to save on the costs associated with RUN and created an opportunity to potentially sell the software to other companies facing similar challenges.

Process

  • Discovery

  • Ideation

  • Design

  • Developer handoff

Team

  • 1 Project manager

  • 4 Developers

  • 1 QA

  • 1 BA

  • 1 UX UI designer

My Role

  • UX design

  • UI design

Tools

  • Figma

  • Miro

Process

  • Discovery

  • Ideation

  • Design

  • Developer handoff

Team

  • 1 Project manager

  • 4 Developers

  • 1 QA

  • 1 BA

  • 1 UX UI designer

My Role

  • UX design

  • UI design

Tools

  • Figma

  • Miro

Process

  • Discovery

  • Ideation

  • Design

  • Developer handoff

Team

  • 1 Project manager

  • 4 Developers

  • 1 QA

  • 1 BA

  • 1 UX UI designer

My Role

  • UX design

  • UI design

Tools

  • Figma

  • Miro

My Role

As a UX/UI designer on the project, my primary focus was on the design aspects, despite my background as a design engineer with hands-on skills in both design and development. My unfamiliarity with the technology being used limited my contribution to the design side. However, I was eager to contribute to the development side as well.

Problem

The main challenge was to find a replacement for RUN, a real-time resource planning software used for managing personnel, projects, and schedules. The company needed an application that could handle a broader range of functions, including:

  • Attendance tracking

  • Employee management

  • Project management

  • Time tracking

  • Generating reports

  • Managing PTOs

Outcome

Our efforts led to the successful replacement of RUN with our in-house developed product. Originally, we aimed to integrate RUN's timesheet module into our HRIS, but we ended up expanding significantly.


Key features include:

  • User-friendly dashboard providing real-time data on attendance, timesheets, PTO requests, and more.

  • Module for attendance, employee management, project tracking, timesheets, reports, activity logs, and PTO management.

  • Leave application system allowing employees to apply for leave directly through the application, eliminating the need for emails to managers.

  • Mobile app integration to enhance accessibility, enabling employees to manage their HR tasks on the go.

  • Office and remote work distinction feature to reflect modern work practices and manage remote work policies efficiently.

  • Training and development module to manage employee learning and professional growth.

  • Analytics and reporting tools to generate detailed reports and insights for better decision-making.

Process overview

Discovery

In the initial stages of the HRIS project, we held requirement gathering meetings with stakeholders, primarily our upper management. During these meetings, we collected requirements, brainstormed various ideas, and explored the potential of the HRIS application.


Ideation

We began the ideation phase by creating low-fidelity wireframes on Miro. These wireframes were presented to the stakeholders, and we made iterations based on their feedback.


Design

Due to time constraints, we kicked off the design phase in parallel with the ideation phase. We developed a design system compatible with Flutter and the Syncfusion library. However, we faced some technical blocks during the design phase. In some cases, Syncfusion did not support our envisioned features, which required us to run additional iterations/cycles to ensure alignment with the technology we were using.


Developer Handoff

At one point, I was simultaneously working on ideation, design, and the requirement gathering process. This multitasking was challenging but ultimately proved to be a valuable learning opportunity. We successfully prepared the designs for developer handoff, ensuring everything was aligned with our technological constraints.

Future Work

Current Scope

  • Our immediate goal is to market this application to other individuals and businesses experiencing similar challenges. We aim to gather their feedback to guide future iterations and improvements.


Future Development

  • Plan to introduce a self-service portal that allows employees to update personal information and access HR-related documents.

  • Intend to integrate payroll functionality to manage employee compensation and automate payroll processes.

USMAN DAWOODI © 2024

EXPLORE

mail.usmandawoodi@gmail.com

mail.usmandawoodi@gmail.com

USMAN DAWOODI © 2024

EXPLORE

mail.usmandawoodi@gmail.com

mail.usmandawoodi@gmail.com

USMAN DAWOODI © 2024

EXPLORE

mail.usmandawoodi@gmail.com

mail.usmandawoodi@gmail.com