This responsive web app design has a simple design with advanced functionality. The challenge was that a company needed a way for employees that worked remote to clock in and out to track the hours they worked.
To try a version of the published site for yourself, enter the following login credentials when you visit the published test/demo site:
- DEMO MICROSITE: http://yoursiteprototype.com/timeclock
- USERNAME: employee
- PASSWORD: employee
Simple for Employees
In order to develop and design this site, I first considered the functions that were needed and site users - both employees and managers tracking the time. Thus, the front end of the site is simple: each user logs in and then clocks in or out. Employees can see their hours worked and log out.
Simple for Managers
On the backend, managers can track the hours worked by each individual employee and specific departments/groups of employees, which can be filtered by a range of dates.
Tools Used:
- Adobe Illustrator & Photoshop: Website Graphics
- HTML, CSS, & JS: Customization of the Site
- WordPress: Content Management
