iCONN HRM
iCONN HRM
One HR system for the whole employee lifecycle — time tracking, leave, attendance, payroll, performance, recruitment — designed to feel calm and simple no matter how much it can do.
Smart HR: one system, all your needs.
iCONN HRMS is a comprehensive HR platform that helps businesses of any size streamline their HR processes and work more efficiently. The challenge handed to me was open-ended: design the brand and the core screens of an all-in-one HR product.
That breadth is the whole problem. An HR system touches everything from someone's first day to their payslip — so the risk isn't capability, it's overwhelm. My job was to make a wide system feel narrow in the moment, one calm screen at a time.
The questions behind the screens
Eleven modules, one mental model — without a maze.
Announcements that scan in seconds, tasks that surface themselves.
Search, sort and filters that are obvious on first use.
From time tracking to performance reviews — all in one place.
A calm, confident identity for a tool people open every day.
Four ideas kept the work honest.
Scannable
Announcements ranked and grouped so the eye finds the important thing first.
Findable
Search and sort on the employee list, designed to work on the first try.
Visible
Today's HR tasks live on the dashboard — never buried a click too deep.
Intuitive
Filters that read like plain language, not a settings panel.
One system, eleven modules. Pick one to see how deep it goes.
Main dashboard
A single glance answers “how’s the org doing?” — total headcount, applicants, joiners and leavers as headline stats up top.
Team performance is charted right on the landing over the last seven months — trends, not a report to dig through.
The employee roster keeps its own search and filters, and a live headcount donut shows the on- and off-boarding split.
Employee list
The list sorts by name by default — and by tenure, department or status when needed.
A persistent search bar makes finding one person instant, even at hundreds of rows.
Filters read in plain language and stack intuitively, so non-technical HR staff get it immediately.
↑ The two required deliverables, shown as the final high-fidelity frames. More of the system below ↓
The task asked for two screens. Making the system feel real meant designing the whole lifecycle.
Dashboard and employee list were the deliverables — but a calm HR tool only holds together if every module speaks the same language. Here’s a selection of the high-fidelity frames I designed around them.
Patience, by design — depth that never gets in the way.
How I'd know the dashboard and employee list actually work.
Design isn't finished when it ships — it's finished when it performs. Here's the framework I'd use to validate these two screens against real HR teams.
Task success rate
How often users complete a task — approving leave, finding a person — without dead ends.
Time on task
How long the core flows take. Faster, with no rise in errors, is the goal.
Error rate
How often people slip — wrong filter, missed request — and where the design lets them.
User satisfaction
How the experience feels overall, captured through post-task ratings.
Net promoter score
Whether HR teams would recommend it — the honest test of real value.
What this task taught me
Neat and simple is a feature
Stripping a layout back to only what the moment needs does more for perceived quality than any amount of polish layered on top. Restraint reads as confidence.
Function alone isn't enough
Having the right features isn't the finish line. Small moments of life — an illustration, a friendly empty state, a warm bit of copy — are what make a tool people don't dread opening.
No more screens. Promise. 😄
Thanks for taking the time to read this one.
The fun doesn’t stop here →