Led UX for Webroot Total Protection, a consumer security suite serving millions across Windows, macOS, iOS, and Android. Unified four divergent platforms under one design system during an active acquisition period.
Standardizing interface patterns made complex security workflows intuitive, and the numbers followed.
One component library, system-adaptive theming, consistent status logic across every module. Click any screen to view it full resolution.
Screen recordings of the macOS virus scan flow, built from the shared pattern library. Click to play.
The pattern library was structured in Figma around design tokens, component variants, and named styles rather than hard-coded values. Color, type, spacing, and brand assets lived as variables, so swapping a token set re-skinned every screen without forking files or duplicating components.
That architecture let the team move fast when a new opportunity opened: a partnership proposal with Allstate Identity Protection. By rebinding the token set to Allstate's navy-and-blue palette, the same components rendered under a distinct brand in days, not weeks. The reusable library turned a design system into a repeatable asset for additional partner use cases.
The visual and interaction patterns were not invented in a vacuum. They were researched to feel native on each OS while staying distinctly Webroot.
The pattern language was researched to sit naturally inside both macOS and Windows, adhering to each platform's human interface guidelines for layout, controls, and motion. The goal: maintain a distinctly Webroot brand identity without violating the usability and accessibility standards built into our visual and interaction patterns. Every component shipped against WCAG 2.1 AA requirements, with keyboard navigation, screen-reader labels, and contrast ratios designed in from the start.
I led a research project to redefine the product's user personas, spanning the real customer base, from security-savvy professionals to overwhelmed parents to cost-conscious students. I recruited and screened the interview participants for each cohort, then partnered with my UX research colleagues to run the sessions and synthesize their findings into a research report. A recurring theme shaped a core design principle: the gap between perceived and actual safety. Users felt protected without understanding what protection meant, so components had to deliver plain-language status, not lectures.
To compress synthesis time, I used Copilot to build an updated customer journey map from the interview data, mapping touchpoints, friction, and emotional state across the security lifecycle. Human judgment governed the final framework; AI handled the volume. It is one example of the AI-augmented workflow that delivered research and design 10× faster without lowering the quality or accessibility bar.
Standardized interface patterns made complex security workflows intuitive and accessible across all four platforms.
Applied behavioral analytics to systematically remove friction from account creation and checkout.
Integrated generative AI into research and design while maintaining WCAG 2.1 AA and a mandatory bias/risk review.
Owned component architecture and pattern standards that shipped across platforms and reskinned for partners without forking.