CVS Health

⭐️ 4.8 App Store Rating | 60M+ Users | iOS - Android - Web

Overview

At CVS Health, the Product Listing Page (PLP) is a cornerstone of the retail experience, displaying a vast range of products and services—from health essentials to everyday items. Given the size and scope of CVS’s offerings and the complex digital ecosystem, CVS needed a flexible, scalable PLP solution that could be used across both mobile and web platforms.

In this section, I’ll walk you through the challenge of creating a unified, adaptable component, the design process I led to bring it to life, the collaborative efforts involved, and the outcome that allowed CVS Health to streamline its product listing experience across millions of users.

The Challenge

CVS needed a flexible and scalable Product Listing Page (PLP) component to support its retail health experience across both mobile and web platforms. With a large design team working in parallel and the mobile app in active development, creating a reliable, reusable UI component was critical to ensure cohesion, efficiency, and visual integrity.

Without a unified PLP system, teams risked bloated timelines, inconsistent retail UX, and design debt that would’ve slowed down product delivery across the app ecosystem.

My Role

As part of the Community Design Team, I led the design of the PLP modular component in Figma, ensuring it worked seamlessly across iOS, Android, and web platforms while aligning with CVS Health’s design language.

The challenge was to make the component flexible for mobile apps and scalable for web use, all while meeting various business needs—like sales, member benefits, and RX use. I worked closely with UX, engineering, and stakeholders to:

• Design responsive variants for iOS, Android, and web
• Define interaction rules for diverse use cases (e.g., retail, sales, RX)
• Build flexible layouts with side-panel controls and adjustable banners
• Ensure accessibility and spacing for mobile and desktop

The Work

The PLP component was designed to be flexible enough to accommodate variations like:

• Sale banners and promotional offers
• Dynamic pricing structures
• Detailed product information
• Mobile vs. desktop responsiveness
• Configurable side-panel controls for internal teams

I documented these variations and built a streamlined control interface in Figma, enabling easy configuration and smooth handoff for development.

Flexible, reusable PLP configurations built for consistency across CVS mobile and web platforms.

Centralized PLP controls ensured scalable configuration and alignment across mobile and web.

Custom dropdown controls empowered teams to toggle banners, savings messages, and pricing logic with precision and ease.

Detailed spacing guides ensured pixel-perfect precision and brand consistency across all PLP variants.

The Outcome

The final PLP component was successfully integrated into the CVS Health mobile app, driving a more cohesive UI and reducing visual inconsistencies across platforms. By streamlining the design process and enabling component reuse, we cut down redundant design cycles, saving 10+ hours of design and development time per sprint.

Today, the PLP component continues to power product views across the live app, supporting thousands of retail items in a consistent, brand-aligned layout. With over 60 million users engaging with the CVS Health app, the component plays a critical role in delivering a seamless user experience across both mobile and desktop platforms.

In addition to my core PLP work, I also served on CVS’s Central Design Council—mentoring designers, reviewing Figma files for system consistency, and guiding teams toward more scalable UX practices across platforms.

What Working at CVS Taught Me

Working across a massive enterprise like CVS Health challenged me to think beyond individual flows and start solving at a systems level. As I moved between different product verticals—from retail to internal tools—I saw firsthand how inconsistency, siloed design decisions, and unclear UX ownership can impact the overall customer experience.

What started as component-level design work (PLP and retail) quickly became opportunities to influence broader design systems and patterns used across teams.

This work sharpened my ability to lead through ambiguity, build adoption across silos, and architect UX systems that don’t just look good—but endure. I’m ready to scale that impact even further.

Disclaimer:
CVS Health and CVS logos and app visuals belong to their respective owners. This case study showcases my personal design contributions to the CVS Health app. All trademarks and product images are used strictly for informational and portfolio purposes.

"...Extremely knowledgeable about native components..."

Sandy — Senior Product Designer, CVS Health
September 13, 2024

Read more →