I'll create a comprehensive clinical dashboard mockup based on your PRD requirements. This will include the main table view, filters, status indicators, and the download management interface.
I've created a comprehensive clinical dashboard mockup that addresses all the requirements from your PRD:
Key Features Implemented:
1. Main Dashboard View
- Complete table with all specified columns (UID, Site ID, APOE, PTAU, CANTAB, QC Status, Report, Waiting Time)
- Visual status indicators with appropriate colors and icons
- Test status icons showing completion, failure, pending, or missing states
2. Filtering System
- Site ID filter
- Patient ID filter
- Test Type filter (APOE, PTAU, CANTAB)
- QC Status filter with all specified statuses
3. QC Status Management
- Awaiting Data - Gray with clock icon
- Failed QC - Red with X icon
- Ready for Review - Blue with eye icon
- Approved - Green with checkmark icon
- Missing Files - Orange with alert icon
4. Report Management
- PDF preview modal for report viewing
- Approve/Deny buttons for "Ready for Review" items
- Email functionality for approved reports
- Visual confirmation of approval and email status
5. Download Manager Tab
- Separate interface for managing approved reports
- Site-based filtering
- Bulk selection capabilities
- Download and email tracking with timestamps
- Approval history display
6. Design & Accessibility
- NHS color palette implementation (
#005EB8, #78BDEE, #003087, etc.) - Professional, clinical design
- High contrast ratios for accessibility
- Clear visual feedback for all actions
- Responsive layout optimized for desktop
7. Interactive Elements
- Row selection with checkboxes
- Sortable and filterable table
- Modal dialogs for report preview
- Status-based action buttons
- Waiting time color coding (red >14 days, yellow >7 days, green ≤7 days)
The dashboard provides a complete workflow from initial data review through final report delivery, with clear visual indicators and professional styling that meets clinical standards.