Significantly
Faster Search
Reduction in search time
Loading...
Lake Bluff, IL/
AstraZeneca OBU
FMV Search Tool
Role
UX/UI Designer
Timeline
2024
Team
Compliance Officers, Backend Engineers
Tools
Figma, Design System, Accessibility Audits, React, Internal Compliance API
Executive Summary
The FMV (Fair Market Value) tool is a critical compliance instrument used by the Oncology Business Unit to locate and engage Health Care Professionals (HCPs). The redesign focused on strict regulatory compliance while modernizing the interface with accessible, high-contrast usability standards.
My Role
- •Modernized the UI with new brand typography (Inter/Lexia)
- •Ensured WCAG 2.2 AA compliance for all interactive elements
- •Redesigned result cards for rapid scanning of HCP status
- •Streamlined the search workflow for professional lookups
- •Implemented clear status indicators for engagement eligibility
The Challenge
The Problem
The previous tool was outdated, hard to read, and lacked clear visual hierarchy, leading to errors in selecting the correct HCP. Compliance risks were high if non-engaged HCPs were accidentally contacted.
User Impact
Significantly reduced search time through optimized information architecture and clear visual cues.
Business Impact
Significantly lowered the risk of compliance errors by explicitly distinguishing engaged HCPs.
Process
01
Audit
Audited the existing tool for compliance gaps.
Key Activities
- •Compliance Audit
- •Heuristic Analysis
02
Redesign
Created a high-contrast, accessible search interface.
Key Activities
- •Visual Design
- •Accessibility Testing
Solution
A clean, clinical, and high-precision search interface. We introduced a 'Light Platinum' card style for results with distinct gold badges to indicate status. The search form was simplified to prioritize NPI ID and Name, with clear error handling and keyboard support (Enter to Search, Esc to Clear).
Key Features
- •Precision Search: fields for professional ID, name, and location
- •Status Badging: clear indicators for engagement eligibility
- •Accessible UI: 44px touch targets and full keyboard navigation
- •Brand Alignment: updated to new corporate design tokens
- •Error Prevention: clear distinction between engaged and non-engaged HCPs
Results
0
Errors
Compliance errors post-launch
Design Artifacts
Search interface with result cards and status indicators
design
Reflection
What Worked Well
- Gold badging made status instantly recognizable
- Simplified search fields reduced input errors
Challenges Overcome
- Ensuring real-time sync with compliance databases
- Meeting strict WCAG requirements for internal tools
Key Takeaways
- Clarity is safety in compliance tools
- Accessibility improvements benefit all users