Project Overview
Built under a two-week deadline during the company's first fully remote project, the COVID-19 Test Monitor gave managers visibility into employee test results, vaccination status, and upcoming testing deadlines. A small team of three designers worked in a daily feedback loop with stakeholders, iterating quickly and handing off specs to development as decisions were made. The settings page and dashboard stat cards were my primary deliverables.
Prototype
Project Context
The feature was a high-priority emergency build, one of the company's first fully remote projects. Feedback cycles ran daily, with iterations moving from design to stakeholder review and back within 24 hours. The compressed timeline required clear communication and fast decision making across the team, with less time for exploration than a typical project but enough iteration to feel confident in what shipped.
Dashboard
Stat Cards: Four stat cards surfaced the metrics managers needed most at a glance: positive tests, past due tests, tests due today, and overall vaccination status. Left border color coding drawn from the existing alert system gave managers an immediate read on urgency before reading any numbers, red for critical, yellow for approaching, neutral for informational. The information hierarchy within each card was defined during design, breaking totals into subcategories like actions required versus reviewed to give managers actionable context rather than raw counts alone.
Settings Page
Notification Recipients: The positive test notification system handled two types of recipients. Predefined management roles like Primary Supervisor and Secondary Supervisor were selectable through a multiselect component using removable chips, giving managers flexibility to adjust who was notified. Dashboard users were already notified automatically, so this field covered additional recipients only.
Custom Recipients: Managers could also add recipients outside the role-based system through a custom email input. The form supported multiple entries, each with its own delete control, and always maintained at least one input field in either a filled or placeholder state. Adding and deleting entries needed to behave predictably regardless of how many inputs existed, requiring close collaboration with developers during the design process to align on the expected behavior before handoff.
Additional Settings: The page also covered submission settings including vaccination card review requirements and daily employee test reminders with configurable timing, structured to maintain consistency with broader settings patterns in the system.
Design Decisions and Handoff
Component Approach: Existing Material components were used throughout and adapted to fit the new context. The recipient field combined a standard multiselect with a custom input pattern, a combination that required thinking through how the two systems would coexist visually and behaviorally while still feeling like a single unified interaction.
Documentation: Specs were delivered within the two week timeline covering component behavior, spacing, and interaction states for the settings page and dashboard cards. The custom recipient input required detailed behavioral documentation to communicate how the form should handle adding, deleting, and reordering entries across all states, ensuring developers had clear guidance without ambiguity.
