Workforce & Timesheet Management
Mockups v1

UI Mockups — All Pages

Static HTML previews of every screen in SureShift. No authentication, no real data. Click any card to open a page.

🔧
Admin — Sure People Internal
Full management interface with sidebar navigation
6 pages
Dashboard
/mockups/admin/dashboard
✓ →
Employees
/mockups/admin/employees
✓ →
Employee Form
/mockups/admin/employee_form
✓ →
Sites
/mockups/admin/sites
✓ →
Supervisors
/mockups/admin/supervisors
✓ →
Timesheets List
/mockups/admin/timesheets
✓ →
Timesheet Review
/mockups/admin/timesheet_review
✓ →
Reports & Export
/mockups/admin/reports
✓ →
Settings
/mockups/admin/settings
✓ →
👷
Employee — Field Workers
Mobile-first PWA with bottom navigation
4 pages
Dashboard
/mockups/employees/dashboard
✓ →
Log Daily Hours
/mockups/employees/entry
✓ →
Week View & Submit
/mockups/employees/week
✓ →
History
/mockups/employees/history
✓ →
📋
Client Supervisor
Responsive desktop & mobile — no login required for email link approvals
2 pages
Approval Page
/mockups/supervisors/approval
✓ →
Supervisor Dashboard
/mockups/supervisors/dashboard
✓ →
🔐
Shared Pages
Authentication screens used by all profiles
1 page
Login Page
/mockups/shared/login
✓ →