McAfee
Global Security Platform Bringing together fragmented products under one scalable, consistent design system — across desktop, mobile, and every user touchpoint.

Details
Partner
McAfee
Space
Cybersecurity
Timeline
12 months
Mission?
Reimagine the McAfee ecosystem into something cohesive, intuitive, and scalable for global users. Here’s how we transformed a scattered experience into a seamless one.
Role
Product Designer
✍️ Introduction
McAfee protects millions online — but ironically, its own digital experience lacked harmony. Interfaces were inconsistent, user flows disjointed, and maintaining them was becoming a challenge.
✍️ Introduction
McAfee protects millions online — but ironically, its own digital experience lacked harmony. Interfaces were inconsistent, user flows disjointed, and maintaining them was becoming a challenge.
✍️ Introduction
McAfee protects millions online — but ironically, its own digital experience lacked harmony. Interfaces were inconsistent, user flows disjointed, and maintaining them was becoming a challenge.
🔎 The Problem
McAfee’s product suite had grown over time — but not together. Each team used different design conventions, leading to a fractured experience for users. Interfaces looked and behaved differently. Reusable components didn’t exist. Development slowed down due to duplicated effort. The brand experience felt inconsistent and outdated. Users noticed. And so did the business.
🔎 The Problem
McAfee’s product suite had grown over time — but not together. Each team used different design conventions, leading to a fractured experience for users. Interfaces looked and behaved differently. Reusable components didn’t exist. Development slowed down due to duplicated effort. The brand experience felt inconsistent and outdated. Users noticed. And so did the business.
🔎 The Problem
McAfee’s product suite had grown over time — but not together. Each team used different design conventions, leading to a fractured experience for users. Interfaces looked and behaved differently. Reusable components didn’t exist. Development slowed down due to duplicated effort. The brand experience felt inconsistent and outdated. Users noticed. And so did the business.


🎯 Goal / Vision
We set out to create a single source of truth for design at McAfee—a scalable design system that aligns UX across web and mobile, streamlines collaboration between design and engineering, and delivers an elevated, modern experience for all personas. This wasn’t just a UI refresh; it was about building a strong foundation for the future.
🎯 Goal / Vision
We set out to create a single source of truth for design at McAfee—a scalable design system that aligns UX across web and mobile, streamlines collaboration between design and engineering, and delivers an elevated, modern experience for all personas. This wasn’t just a UI refresh; it was about building a strong foundation for the future.
🎯 Goal / Vision
We set out to create a single source of truth for design at McAfee—a scalable design system that aligns UX across web and mobile, streamlines collaboration between design and engineering, and delivers an elevated, modern experience for all personas. This wasn’t just a UI refresh; it was about building a strong foundation for the future.

🔧 Process
We approached this challenge with a methodical, user-centered mindset. We started by auditing all product interfaces and assets, then conducted user interviews and mapped out customer journeys. From there, we identified high-friction flows to simplify, built prototypes, and validated them through A/B testing and usability sessions. Close collaboration with developers ensured smooth implementation, and we maintained a tight feedback loop to move fast without compromising quality.
🔧 Process
We approached this challenge with a methodical, user-centered mindset. We started by auditing all product interfaces and assets, then conducted user interviews and mapped out customer journeys. From there, we identified high-friction flows to simplify, built prototypes, and validated them through A/B testing and usability sessions. Close collaboration with developers ensured smooth implementation, and we maintained a tight feedback loop to move fast without compromising quality.
🔧 Process
We approached this challenge with a methodical, user-centered mindset. We started by auditing all product interfaces and assets, then conducted user interviews and mapped out customer journeys. From there, we identified high-friction flows to simplify, built prototypes, and validated them through A/B testing and usability sessions. Close collaboration with developers ensured smooth implementation, and we maintained a tight feedback loop to move fast without compromising quality.



🧱 Design System
We built a powerful and unified design system that became the backbone of every product team at McAfee. It included over 2,500 scalable components, shared design tokens for color, spacing, and typography, as well as flexible grids tailored for both mobile and desktop. The system ensured consistent iconography, tone, and interaction patterns — allowing teams to move faster while maintaining a high level of visual and functional coherence across all platforms.
🧱 Design System
We built a powerful and unified design system that became the backbone of every product team at McAfee. It included over 2,500 scalable components, shared design tokens for color, spacing, and typography, as well as flexible grids tailored for both mobile and desktop. The system ensured consistent iconography, tone, and interaction patterns — allowing teams to move faster while maintaining a high level of visual and functional coherence across all platforms.
🧱 Design System
We built a powerful and unified design system that became the backbone of every product team at McAfee. It included over 2,500 scalable components, shared design tokens for color, spacing, and typography, as well as flexible grids tailored for both mobile and desktop. The system ensured consistent iconography, tone, and interaction patterns — allowing teams to move faster while maintaining a high level of visual and functional coherence across all platforms.



📱 Solutions
We redesigned multiple high-impact areas. Here are a few:
📱 Solutions
We redesigned multiple high-impact areas. Here are a few:
📱 Solutions
We redesigned multiple high-impact areas. Here are a few:
Dark Theme
Responding to user preferences and accessibility needs, we introduced a sleek dark mode — improving visibility and comfort by 63%.
Dark Theme
Responding to user preferences and accessibility needs, we introduced a sleek dark mode — improving visibility and comfort by 63%.
Dark Theme
Responding to user preferences and accessibility needs, we introduced a sleek dark mode — improving visibility and comfort by 63%.


Deepfake
A groundbreaking feature leveraging McAfee GenAI. Detects fake audio in real-time, integrated into the browser. Shipped preinstalled on Lenovo devices.
Deepfake
A groundbreaking feature leveraging McAfee GenAI. Detects fake audio in real-time, integrated into the browser. Shipped preinstalled on Lenovo devices.
Deepfake
A groundbreaking feature leveraging McAfee GenAI. Detects fake audio in real-time, integrated into the browser. Shipped preinstalled on Lenovo devices.



Wi-Fi Scan
Simplified a once-confusing flow into a one-tap experience. Result: -36% drop-off, +18% satisfaction.
Wi-Fi Scan
Simplified a once-confusing flow into a one-tap experience. Result: -36% drop-off, +18% satisfaction.
Wi-Fi Scan
Simplified a once-confusing flow into a one-tap experience. Result: -36% drop-off, +18% satisfaction.


Dashboard
Clear protection status. Personalized interaction levels based on user persona.
Dashboard
Clear protection status. Personalized interaction levels based on user persona.
Dashboard
Clear protection status. Personalized interaction levels based on user persona.

Subscription
Redesigned plans layout, clear CTA buttons, fewer distractions. Result: +15% conversion. Each redesign was tested, validated, and optimized through real usage data.
Subscription
Redesigned plans layout, clear CTA buttons, fewer distractions. Result: +15% conversion. Each redesign was tested, validated, and optimized through real usage data.
Subscription
Redesigned plans layout, clear CTA buttons, fewer distractions. Result: +15% conversion. Each redesign was tested, validated, and optimized through real usage data.


👤 Personas
We designed for two core personas. Our interfaces flexed to meet their expectations — from basic tips to expert tools.
👤 Personas
We designed for two core personas. Our interfaces flexed to meet their expectations — from basic tips to expert tools.
👤 Personas
We designed for two core personas. Our interfaces flexed to meet their expectations — from basic tips to expert tools.
Types
Sam the Seeker
This wasn’t a solo mission. Success depended on deep collaboration:
Confident Cam
Prefers control, data, and customization.



🤝 Collaboration
This wasn’t a solo mission — success relied on deep cross-functional collaboration. I worked closely with engineering through weekly syncs, maintained shared documentation and specs to align our workflow, and coordinated a unified roadmap with the marketing team. We also established continuous feedback loops with support teams to ensure the system addressed real user needs. As a result, the design system not only helped teams move faster, but also enabled everyone to speak the same visual and functional language.
🤝 Collaboration
This wasn’t a solo mission — success relied on deep cross-functional collaboration. I worked closely with engineering through weekly syncs, maintained shared documentation and specs to align our workflow, and coordinated a unified roadmap with the marketing team. We also established continuous feedback loops with support teams to ensure the system addressed real user needs. As a result, the design system not only helped teams move faster, but also enabled everyone to speak the same visual and functional language.
🤝 Collaboration
This wasn’t a solo mission — success relied on deep cross-functional collaboration. I worked closely with engineering through weekly syncs, maintained shared documentation and specs to align our workflow, and coordinated a unified roadmap with the marketing team. We also established continuous feedback loops with support teams to ensure the system addressed real user needs. As a result, the design system not only helped teams move faster, but also enabled everyone to speak the same visual and functional language.
📊 Results
We tracked the impact with real metrics:
📊 Results
We tracked the impact with real metrics:
📊 Results
We tracked the impact with real metrics:
Metrics
Error rates
-35%
User Satisfaction
+23%
Engagement
+12%
Support tickets
-21%
Onboarding time
-43%


✅ Wrap-up
This was more than a design challenge — it was an organizational transformation.
✅ Wrap-up
This was more than a design challenge — it was an organizational transformation.
✅ Wrap-up
This was more than a design challenge — it was an organizational transformation.
