HRSuite

HR Suite app is for a financial services firm that serves as an indigenous Inter-dealer broker for clients. It engages employees and reduces bottlenecks on important tasks needed to be performed

Year

2021

Role

Lead Designer

Project Overview

Engages employees and reduce bottlenecks

A visual identity, web application had already been created and developed before I was brought onto the project. These elements served as jumping off points for the development of the design system and mobile app design

Challenge

Design a management mobile app system based on the web app while also revamping the interface on mobile with great user experience for users (employees of the company)

Responsibilities

Responsive design
UI & Interaction design
Design system

Planning

Gaining insight

To align all stakeholders and decision makers, we started the project with collaborative workshops. Discussion on features needed for the mobile app in contrast to what is on the web app and the reasons behind it is to help the employees of the company perform tasks easily and limit usage on the web app

Corporate Identity

I had to polish up the corporate identity and identify the primary colors and typography

Icons & Illustrations

I created new icons to work well with the designs and brand colors, also made use of illustrations for the app

Style Guide

Powering a component-based system

I created a unified and scalable design system to set the foundation for a seamless brand experience across screens, categories and contents. Examples of these interchangeable design elements include progress bar, layout and grid, message notification; scalable cards & modals; and multiple content components. The UX of each component was designed specifically with the end user in mind - taking into account the new design system, brand guidelines, and best practice retail UX across all touchpoints.

PART OF THE GOAL WAS TO IMPROVE ACCESSIBILITY WHILE EMPHASISING FUNCTION, CLARITY, AND SIMPLICITY AS THEY BECAME OUR GUIDING UX PRINCIPLES.

Final Design

Unique Experience

With my experience, part of the tasks was to design and structure all important information in a mobile view.

The important sections or features of the HR Suite app are linked to its web version which let users request for leave (view history), view appraisal history and status and so on. Part of the goals was to limit the usage of the web version for basic tasks

Sign in

Intro and sign in screen

Homepage
Profile

Profiles feature a list section of important information relating to the staff

Appraisal

Staff can view history of past appraisals and the ratings to ongoing appraisals, it can also be filtered out by dates

Leave

Staff can apply for leave, view allocated leave, reclaim uncompleted leaves and see leave history

Learning & Development

Hrsuite app enables staff to request for traning and keep to their development plan

Takeaway

It was truly a great experience for me to take the lead on this ambitious, large-scale project like HR Suite app. I worked through dozens of design concepts throughout the process and successfully created a simple, clean but effective mobile experience

                Want to reach out about a project, collaboration or just want to say friendly hello?