HR Software

Overview

Staffology HR is a cloud-based human resources software designed for small to large-sized businesses. It provides a range of HR solutions, including employee onboarding, HR administration, time and attendance tracking, employee self-service, and more.

The platform automates many HR processes, reducing the workload of HR teams and providing more accurate and efficient data management.

Overall, Staffology HR is a comprehensive HR solution that can help businesses streamline their HR operations, increase efficiency, and save time and money.

Goal

As part of the software rebranding, one of our key objectives was to redesign the home page to modernise the user interface and make it more informative and helpful to our users.

Challenges

The project posed several challenges that had to be addressed:

User types and needs

Accommodating a variety of user types and needs. As Staffology HR is designed to be used by a wide range of users, from HR professionals to business owners and employees, we needed to ensure that the platform meets everyone's requirements.

Deadline

With a very tight deadline to deliver the rebranding and the new home screen, our options were limited from a design and technical point of view.

The home page gave access to a variety of features that we couldn’t afford to move elsewhere. To keep access to the same information we had to include that functionality in the new design.

Analysis & Planning

Although the ideal scenario would be to allow users to customise their home page, we had to design a single page that caters to all users due to constraints. To meet the needs of everyone, we prioritised widgets and structured content based on user cohorts by business size. Below are the user types we considered:

Small businesses

HR Administrator or Manager

This persona is responsible for managing HR processes, including hiring, onboarding, payroll processing, and benefits management.

In micro-businesses, this role might be carried out by the company’s Founder/Owner.

In small businesses, the HR (Human Resources) function is often handled by one or a few individuals who perform a range of HR tasks.

Software usage: Often

HR knowledge: Limited

Employees

They need access to the software to manage their personal information, track their time, request time off, and view their payslips.

Software usage: Few times a month

HR knowledge: Not applicable

Large businesses

HR Administrator or Manager

Represents the primary user of the software who manages HR processes and data. They need access to all HR-related features such as employee onboarding, performance management, payroll processing, benefits management, and reporting.

Software usage: Everyday

HR knowledge: Expert

Manager

This persona represents a user who needs to manage their team and make informed decisions based on HR data. They need access to data analytics and reports that provide insights into employee performance and productivity.

Software usage: Often

HR knowledge: Limited - Good

Recruiter

This persona represents a user who needs to manage the recruitment process and track candidate information. They need access to features such as job posting, resume screening, interview scheduling, and applicant tracking.

Software usage: Everyday

HR knowledge: Expert

Research

Due to time constraints, we had to rely on our internal expertise in the HR software industry, including Product Managers, Product Owners, Customer Support, and UX, to guide our redesign process for the home page. Through a series of workshops, we gathered feedback from the team on the current design, including user pain points, successful features, and areas for improvement.

We also utilised analytics to gain a better understanding of user behaviour in order to identify trends and insights that could inform our redesign efforts.

Original design

The original home page suffered from several problems that needed to be addressed:

Static widgets

The home page had static widgets that did not provide relevant or updated information to the user. This made the page impractical and uninteresting.

Navigation

Important information was hidden from the user, which required them to navigate to other parts of the software to find what they needed. This caused frustration and slowed down user workflows.

Surfacing hidden content

The home page contained multiple tabs that could only be accessed from this page. Due to development and time constraints, we could not move this content elsewhere, and it would need to be incorporated into the new home page design.

Outdated UI

The user interface was outdated, which made the software appear less professional and less appealing to users.

Blank wasted space

The home page had blank space that could be utilised in a more efficient way.

New design

The new home page design has replaced tabs with widgets, providing an overview of relevant information with links to full content for users requiring additional details.

We have grouped the content into four main areas:

Quick Links: At the top of the page, there are three boxes with quick links for employees to access their most relevant features, such as holidays and payslips. This makes it easy for users to access the information they need quickly and easily.
Me Section: The “Me” section is designed to provide employees with personalised information, including notifications, holidays remaining, and tasks. This helps to keep employees up-to-date with their individual information and responsibilities.
My Team: This section offers a quick view of employee availability and upcoming events, making it helpful for line managers to plan work accordingly.
Company Info: The right panel of the page features essential company-wide information and resources, including contacts and communications, accessible to all employees.

Our aim with this content grouping is to enhance the user experience and make it more intuitive and streamlined, better suited to meet their specific needs.

These are the improvements made:

More Information

A greater amount of information is now available on the home page, allowing users to quickly access the content they need.

Prioritised Content

The content has been reorganised to reflect user needs, making it easier to locate relevant information.

Dynamic Widgets

Widgets with dynamic information have been added, giving users an up-to-date overview of their data.

Accessibility Improvements

The contrast ratio and font size have been increased to improve accessibility for all users.

Improved Responsiveness

The new design is now more responsive on smaller screens, making it easier for users to access the home page on mobile devices.

Summary

Following the release of the new Home page design, we conducted a user survey to gather feedback. Overall, users responded positively, but some expressed a desire for more customisation options such as customising widgets and colour schemes to align with their branding.

Users' feedback reinforced our initial plan to increase the Home page flexibility by enabling users to customise it to their needs. Customising the home page colours was an easier task and was launched shortly after the initial release

Final designs

Other projects