Rethinking the way supervisors oversee and manage employees' time and attendance

 
Role
Sole Product Designer
Team
1 PM, 8 Engineers
Timeline
Dec 2016 - Jun 2017 (6 mo.)
 
notion image
 

What I did

As the founding designer at Celayix, I led the product redesign of their mobile and web apps from conception to launch and beyond. Working in an agile and collaborative environment, I had the fantastic opportunity to work across multiple teams and projects at different product design and development phases.
Being part of the development team, I worked extensively with the software manager, Product Manager, Business Analyst, front-end and back-end developers, and Quality Assurance Analysts. Since most of my teammates came from a computer-science and engineering background, I needed to advocate UX design methodologies and transfer UX knowledge to ensure our products were user-friendly and usable.
By asking questions, gathering and translating business requirements and user needs, and understanding the problem space, I turned broad and conceptual ideas into practical and valuable solutions for our customers.
 

Background

Celayix Time & Attendance provides supervisors with powerful tools to collect and review time, monitor attendance, and communicate with team members in real-time and on the go.
 
Celayix Etime Control Center
Control center
Celayix Etime Fast Check In
Fast check-in
Celayix Etime Time and Attendance
Time and attendance
Celayix Etime Availability and Find Replacement
Availability / find replacement
 

Why it matters

Establish Celayix as a simple and sophisticated workforce management solution, beginning with the employee experience.
Transition Celayix from the practical but siloed feature modules built incrementally over the years towards an integrated platform that will be even more effective at reducing the stress and complexity of workforce management.
 

 

Building the information architecture

 
Information architecture
Information architecture
 

 

Mapping out the wireflows

 
Wireflow
Wireflow
 

 

Outlining the app blueprints with low-fi wireframes

 
Lo-fi wireframes
Lo-fi wireframes
 
Mobile UI anatomy
Mobile UI anatomy
 
Desktop UI anatomy
Desktop UI anatomy
 

 

Final designs

 
Grid view: Supervisors can view, create, update, delete, and find replacements for their shifts.
Grid view: Supervisors can view, create, update, delete, and find replacements for their shifts.
 
Shift details: Find out the current status of your team and perform eClock actions if needed.
Shift details: Find out the current status of your team and perform eClock actions if needed.
 
Find replacement: Have a searchable roster of available, qualified employees at your fingertips. Powered with a rules-based engine and artificial intelligence, find available and cost-effective staff members who meet all business rules and requirements.
Find replacement: Have a searchable roster of available, qualified employees at your fingertips. Powered with a rules-based engine and artificial intelligence, find available and cost-effective staff members who meet all business rules and requirements.
 
Map view: Where are your employees? Get a complete overview of your sites.
Map view: Where are your employees? Get a complete overview of your sites.
 
Fast check-in/out: Enter the employee's name or ID and quickly check-in or out your employees.
Fast check-in/out: Enter the employee's name or ID and quickly check-in or out your employees.
 
eClock actions and modify schedule: Perform shift and schedule actions easily and quickly.
eClock actions and modify schedule: Perform shift and schedule actions easily and quickly.