Ferry Works
KaryaProsesTentangRésuméKontak
Senior Product DesignerVisual Designer7+ TAHUN · UI/UX · WEB3
Semua proyekStudi kasus

HRIS Dashboard

Platform HR untuk sisi company dan employee di kantor-kantor Tricor se-Asia, dibuat supaya payroll, absensi dan data karyawan tetap sinkron real-time, dari kantor pusat di Hong Kong ke setiap negara yang dilayani.

Visit tricorunify.com
Klien
TricorUnify
Sektor
HR Tech · SaaS
Peran
UI/UX Designer
Tim
1 UX · 3 eng · 1 PM
Periode
2023
Pasar
HQ Hong Kong · Asia
Permukaan
Web app · Desktop
Mockup dashboard TricorUnify: chart demografi dan tenure dalam jendela browser

Ringkasan

01 · Brief-nya

TricorUnify menjalankan HR Tricor Group untuk kantor-kantor se-Asia dari Hong Kong, real-time di setiap pasar. Saya mendesain shell yang dipakai bersama: satu dashboard, satu pola tabel, satu filter, supaya modul mana pun yang dibuka manajer atau karyawan berikutnya tetap terasa seperti produk yang sama.

Cakupan

Yang saya kerjakan

  1. 01Wawancara stakeholder
  2. 02IA sisi company & employee
  3. 03Model data multi-negara
  4. 04Sistem tabel & filter
  5. 05User flow
  6. 06Wireframe
  7. 07Desain antarmuka
  8. 08Visualisasi data
  9. 09Design system
  10. 10Design QA

Masalah

02 · Titik rusaknya

Tiap negara membaca versi kebenaran yang berbeda.

TricorUnify menjalankan HR untuk kantor-kantor Tricor Group se-Asia dari kantor pusat di Hong Kong, jadi data karyawan, saldo cuti dan status payroll harus sama persis begitu berubah, tidak peduli tim HR negara mana atau karyawan mana yang membukanya berikutnya. Data yang baru sinkron semalam, bukan detik itu juga saat manajer menyetujui, berarti dua orang yang melihat profil yang sama bisa melihat dua kebenaran berbeda.

Produk ini juga sudah bertumbuh jadi dua audiens yang tidak berbagi bahasa desain: konsol admin untuk sisi Company, dan tampilan self-service untuk sisi Employee, masing-masing dirilis seolah yang lain tidak ada. Perubahan payroll yang dibuat admin di Hong Kong tidak punya gema yang terlihat di tab payroll karyawan sendiri, jadi kepercayaan pada angka itu bergantung pada telepon, bukan layar.

Pendekatan

03 · Cara kerjanya

Satu shell, dua sisi, real-time secara default.

Setiap modul (Dashboard, Employee, Payroll, Time Management, Benefits) kini membaca dari lapisan data yang sama secara live, bukan batch semalam, jadi satu approval, karyawan baru, atau perubahan payroll muncul di detik yang sama baik di konsol Company maupun tampilan self-service Employee, di negara mana pun itu terjadi.

Sisi Company dan Employee berbagi satu pola tabel, filter dan jenis chart, bukan dua bahasa desain, jadi admin HR di kantor pusat Hong Kong dan karyawan di kantor cabang membaca produk yang sama, bukan dua produk yang kebetulan berbagi satu layar login.

Layar

Empat modul, satu shell

Hasil

06 · Yang dihasilkan sistem ini

4 modulEmployee, Payroll, Time Management dan Benefits berbagi satu shell
2 sisiKonsol Company dan self-service Employee membaca data live yang sama
4 chartMetric, line, bar dan pie di balik satu menu, bukan empat layar
0Batch job semalam antara yang dilihat Company dan yang dilihat Employee

Studi kasus design system, bukan data pemakaian yang sudah rilis: angka ini menggambarkan polanya, bukan metrik produksi.

Deliverable

Yang diserahkan ke tim

Next caseStiqy Rewards DashboardWeb3 · GrowthStiqy Rewards Dashboard