• Product Design
  • Design Systems
  • Motion & Storytelling

Verizon Protect

Publicis Sapient for Verizon • 2025

Product design for Verizon Protect, a security app with 1.1M+ users, across four projects in 2025.


Verizon Protect V mark in red and yellow on a warm cream background
Overview

Four projects, one app

Verizon Protect gives people a lot of protection in one app. Across four projects, I worked on making it easier to discover, turn on, and trust. An App Clip introduces new people to Verizon Protect and its features. A showcase piece highlights the app’s capabilities and recent updates. And for the app’s refresh, Secure Connect brings its core protections together in one place, built on new components I designed within Verizon’s design system.

  • RoleSenior UX/UI & Product Designer, contract via Publicis Sapient
  • ProjectsApp Clip · Secure Connect · Design system · Motion
  • PlatformsiOS and Android
  • Worked withProduct, UX Research, Engineering, Content, design leadership, client stakeholders
The challenge

The app grew one initiative at a time, and it showed.

  • People knew the features existed but didn’t finish setting them up
  • Valuable security features were hard to turn on
  • Onboarding didn’t make the value clear
Platform context
1.1M+users across iOS and Android
30M+Verizon Mobile Protect customers with access to it
01

App Clip

01

One scan, the right next step

Verizon wanted an in-store QR code to bring new people into Protect, especially on iPhone, where the app isn’t preinstalled. I designed the flow behind that scan, so each person lands on the right next step: an App Clip quiz for new users, onboarding for people who never opened the app, and their next quiz for everyone else.

App Clip card that appears after the in-store scan, inviting you to test your security smartsSwipe true-or-false quiz card about your digital footprintQuiz start screen asking you to accept the termsPerfect score screen inviting you to download Verizon Protect
02

Secure Connect

Secure VPN, Wi‑Fi Scan, and Safe Browsing came together as one feature, Secure Connect. I designed it end to end: onboarding, setup, the landing page, and the logic underneath.

Scope
300+screens designed and specified for engineering
7network states, each read differently by plan and setup
01

Activation logic

I mapped the decisions and dependencies behind turning each feature on, so protection could be activated safely without adding friction.

Flow map of the Online Security activation logic, from onboarding and user permissions through a chain of dependencies for Wi-Fi Scan, VPN, upsell moments, and Safe Browsing, to landing and settings pages
02

Three tools, one mental model

Verizon’s direction was to bring Secure VPN, Wi‑Fi Scan, and Safe Browsing together as one feature. I designed how that works for people, so they can tell when they’re protected, what’s running in the background, and what to do next.

03

One page, three answers

The landing page answers what people came to check: am I protected, what is running, and what should I do next. Two status tiles sit up top, one tab per feature below, and the copy changes with the network and the plan.

Secure Connect for a basic plan with location off: an Enable Wi-Fi Scan tile that asks for location permission, and an upgrade card for Secure VPNSecure Connect on a risky network, with a banner saying we turned on Secure VPN to help secure your connection, and Secure VPN connectedSecure Connect on a safe home network: Wi-Fi status Safe, 1,227 URLs scanned in the past 30 days, and Secure VPN ready to turn on, with auto-connect set
04

How the app responds

The same risky network gets a different answer depending on what someone has turned on. Warnings appear only when a person is actually exposed.

If someone hasOn a risky network, the app
No VPN access yet
Asks them to activate
Secure VPN off
Asks them to turn it on
Secure VPN on
Stays quiet. They’re already protected
Auto-connect on
Turns the VPN on, then tells them
05

Every state, drawn

Engineering builds from the full set, so I drew every combination of plan, network status, and setup: flows, scenarios, error handling, and every landing page variation. The file came to more than 300 screens, about 190 of them landing page variations.

The full Secure Connect design file, zoomed out: design flows for first-time and returning users, landing page and settings flows, user scenarios, small screens, basic and premium landing page variations, error handling, grooming scenarios, and trusted networks
06

No dead ends

If someone declines a permission or setup fails, they still land on a working page. What worked stays on, and what’s missing becomes a tile that explains why and leads back into setup. When a choice carries risk, like unblocking a flagged site, the safe option is the primary button.

Secure Connect after declining VPN access and location: Enable Wi-Fi Scan and Enable Safe Browsing tiles, and Safe Browsing marked activation needed, VPN access is required, with a Continue buttonSheet saying we do not recommend unblocking this site, with Keep blocked as the primary button and Unblock and allow as the secondary
03

Design system

01

New components, from Monarch’s foundations

Verizon’s Monarch design system didn’t cover what Secure Connect needed. I flagged the gaps to the Monarch team and designed new components from its tokens and primitives: a feature module that handles every state, and a set of status tiles for Wi‑Fi and browsing.

❖ FeatureModule 11 variants
Active
Safe Browsing active, Wi-Fi Scan active, Secure VPN connected with daily encrypted traffic
Off
Safe Browsing disabled, Wi-Fi Scan disabled, Secure VPN disconnected with a Turn on button
Activation needed
Safe Browsing, Wi-Fi Scan and Secure VPN each marked activation needed, with the reason, VPN access or location permission, and a Continue button
Upgrade · Loading
Secure VPN upgrade card for basic plans, and Secure VPN while connecting, with a spinner
❖ DataTile 11 variants
Prompts
Enable Wi-Fi Scan: allow location permissionsEnable Safe Browsing: allow VPN accessActivate your protection: allow VPN access for Safe Browsing and Secure VPN
Status
Scanned URLs: 1,227 in the past 30 daysWi-Fi status: SafeWi-Fi status: RiskyWi-Fi status: UnsafeWi-Fi status: UnsecuredWi-Fi status: OfflineWi-Fi status: UnknownWi-Fi status: loading
02

Built to be reused

With the new components in Monarch, I was part of the team that documented them: usage, interaction patterns, and edge cases, reviewed with Verizon’s design system team and design leadership, so feature teams could build consistently across platforms.

Tile with eyebrow, title, subtitle and icon, with numbered callouts
Stepper progress indicator with step label, checkpoints and a 2 of 3 count, with numbered callouts
Segmented progress bar showing step 4 of 5, with numbered callouts
List item states, from empty to filled with an app icon
Settings list with notification toggles for mobile, email and desktop
Assets list of saved cards, IDs, addresses and accounts
Checkbox list of connected accounts

Numbered callouts map to the spec for each part01 / 07

04

Motion and storytelling

01

Feature showcase

I storyboarded and produced a feature showcase in Jitter, using motion to explain protection status and feature value more clearly than static screens could. It ran in internal presentations and external-facing contexts.

02

Storyboards

Frames designed to clarify protection status and build trust through intentional transitions.

Four motion storyboard frames: a ring of security service icons around the line with a 360 suite of advanced security services, Secure VPN and Wi-Fi Scan toggle cards, an Identity score gauge reading Excellent, and a security rating gauge reading 840 out of 1000
Outcome

One security companion

The refresh positioned Verizon Protect as one security companion, with clearer feature discovery and stronger activation flows. The new experience, including Secure Connect, launched in April 2026.