Shama Hina All work Next case Email

HRMS

Attendance, leave and notices, on the phone every employee already carries.

Role
Lead Designer
Duration
3 weeks
Applications
1 mobile application
Client
Ravindran
HRMS cover

Overview

An HR app for employees: punch in, check attendance and working hours, see leave and upcoming holidays, read the notice board.

The structure came first. What an employee opens every morning sits on the first screen.

Process

Scope on this project: UI design, information architecture

  1. Research
  2. Analysis
  3. Ideation
  4. Wire framing
  5. Prototyping
  6. Usability testing
  7. Feedback
  8. UI design
  9. Development handoff

The first screen

Everything needed at the start of the day, without a second tap.
HRMS home screen on a phone with numbered callouts
  1. 1

    Punch in

    The one action that starts the day, at the top.

  2. 2

    Attendance

    Days present, as a single number.

  3. 3

    Working hours

    Hours for the day, next to attendance.

  4. 4

    Earned leave

    Leave used against leave available.

  5. 5

    Report

    The week at a glance.

  6. 6

    Upcoming holidays

    The next holidays, listed by date.

Srivari HRMS splash and login screens on two phonesNotice board and employee profile screens on two phones
Grid of HRMS app screens
The full set of screens.

Type and colour

Open Sans

Regular, Semibold, Bold

Agrandir

Regular, Bold, Heavy