End-to-end product design case
WorkHub Attendance
An end-to-end attendance-management concept exploring how employees can clock in, track attendance, manage tasks, and stay informed when schedules change.
12-week case study · research → IA → UI → prototype → testing
Case overview
The essentials first. The evidence, decisions, and validation follow below.
Context
WorkHub explores attendance and work coordination for employees whose schedules, tasks, and locations can change during the workday. The case combines attendance management with schedule awareness, team information, tasks, and activity reporting in one mobile experience.
Problem
The case study starts from communication gaps around schedule changes: employees can miss shifts or work updates when information is fragmented or delayed. The design challenge was to make time, attendance, and work coordination easier to understand from a mobile device.
People / users
The proposed audience spans employees, remote workers and freelancers, HR teams, public-sector organisations, and small-to-large businesses. Personas focused on people who need fast access to schedules, attendance status, timely updates, and flexible work coordination.
Constraints
This is a product-design case study rather than evidence of a launched attendance platform. The portfolio uses the documented research, flows, information architecture, prototype, and usability work without claiming production adoption or business impact that is not present in the source material.
01 / Framing
Attendance is not only a clock-in screen.
Problem
Communication gaps on schedule changes
Employees can miss shifts and work updates when schedule changes are fragmented or delayed.
Design response
Make schedule context visible where attendance happens
Bring clock-in, notifications, attendance history, and team context into one mobile experience.
Research
Interviews · competitor scan
Define
Persona · empathy · problem
Structure
Card sorting · IA · flows
Design
Wireframes · visual system
Validate
Prototype · usability check
02 / Product system
Translate research into an information architecture.
Home
Profile · clock-in card · notifications · articles
Attendance
Recap · clock-in · clock-out · leave
Activity
Tasks · status · add activity · detail
Teams
Division head · team list · team detail
Core task flows documented the clock-in process and leave application so attendance actions could be completed without navigating a complex administrative structure.
Supporting flows covered adding and cancelling tasks and recording activities, extending the product from attendance into daily work coordination.
Clock-in
Apply leave
Task / activity
03 / Delivery
From research artefacts to a testable mobile product concept.
Onboarding
For your own attendance
Sign in
Email · password · social sign-in
Verification
OTP confirmation
Home
Clock-in card · articles · navigation
Clock-in
Location · workplace type · confirm
Attendance
Presence recap · daily history
Tasks
Status · project · progress
Teams
Members · hours · team details
Interface structure reconstructed from the original WorkHub case-study screens so the portfolio stays sharp at any viewport size.