Product Design · Workz (Kariyer.net)

Redesigning an HR platform, end to end

Workz is Kariyer.net's HR management product, consisting of dashboards, employee records, organization structure, leave management, forms, and onboarding screens. I redesigned it across the full surface: every core flow, in desktop and mobile, with every state designed up front on a shared component architecture.

Role

Product Designer

Type

End-to-end product redesign

Scope

Dashboard
Employee Management
Employee Profile
Leave Management
Chatbot
Wireflow

Techniques

Auto Layout
Components
AI Tools

A dashboard that answers the morning questions

The home screen is a personal space. It greets the user by name and answers what an employee actually opens an HR tool to find out: how much leave do I have left, what's waiting on my approval, who on my team has something coming up? Managers get their pending approvals and team updates in the same glance.

Workz home dashboard: personal greeting, leave balance gauge, pending approvals, team special days, upcoming leaves, and onboarding tasks
The home dashboard. The leave-balance gauge, approval queue, and team events answer the most frequent questions without a single extra click.

Desktop and mobile aren't separate designs. One source of truth per widget, two layouts for free.

Employee management at scale

The employee directory is the screen HR lives in. Status chips, sortable columns, filters, and pagination all come from the component library, so the directory stays consistent with every other data surface in the product. Its variations such as active, onboarding, offboarding, and passive views, informational banners, and the empty state were designed as a set, each with its mobile counterpart.

Employee directory table with filters, status chips, sortable columns, and pagination
The employee directory.

Each employee opens into a profile with its own dashboard containing personal details, work information, documents, education, and leave, organized into tabs that reuse the same card and table components.

Employee profile dashboard with personal summary and tabbed sections for details, documents, and leave
The employee profile.

Leave management: from requests to insight

Leave is the highest-traffic HR workflow. The leave dashboard pairs the operational table with the analytics an HR manager plans around: monthly leave trends, usage by department, leave-type distribution, and workforce availability over time.

Leave management dashboard: KPI cards, operations table with approval statuses, monthly trend chart, department usage bars, leave type donut, and workforce availability chart
The leave dashboard: operations up top, planning insight below.

A chatbot where the work happens

The Workz assistant opens as a panel inside the screen the user is already on. The conversation UI carries the product's component language rather than looking like a bolted-on widget, and on mobile the same assistant becomes a full-screen chat.

Workz chatbot: closed and open conversation states as a panel over the leave dashboard, plus the full-screen mobile chat
The assistant over the leave dashboard.

Designing the flow before the screens

For the forms-and-surveys module I worked wireflow-first: every screen, dialog, and decision point mapped with its connections before any high-fidelity work. The wireflow made the module's real complexity visible early (where flows branch, which dialogs interrupt, what each state needs) so that the polished screens could focus on composition.

Zoomed-out wireflow of the forms and surveys module showing dozens of connected screens, dialogs, and decision branches
The forms & surveys wireflow.