1170x560_TRNSPRNT

Mastercard is an organization unlike any other on Earth. Everyday, they bring together all of their capabilities and wealth of experience to meet everyone’s needs. Constantly transforming to go beyond expectations by telling the story on innovation that goes far beyond the card.

But innovation transformation comes with demand for technology to work harder, all while feeling more human. However, expectations are not always met. “76% of consumers get frustrated when companies don’t personalize interactions” - McKinsey & Company.

MRM saw this as an opportunity to transform Mastercard's digital presence into a future-forward Mastercard.com experience that demonstrates Mastercard's unified capabilities. One that meets the ever-changing needs of their expanding customer segments and consumers. Where they can all connect to the Mastercard story. And where Mastercard can connect everyone, everywhere to Priceless Possibilities.


Welcome to the World of Mastercard.

An experience where Mastercard understands you, converses with you, and navigates you to the possibilities.

MC-LOGO-AI-CHAT-01
MC-LOGO-AI-CHAT-02
MC-AI-THINK-01
MC-AI-TAP-TO-SPEAK
MC-AI-LISTEN-01
MC-AI-RESPOND-01
MC-AI-CHAT-WATCH-04
1170x560_TRNSPRNT
1170x560_TRNSPRNT
1170x560_TRNSPRNT
MC-DESKTOP-NAV-BAR-01-8
MC-Desktop-open-Nav-01
1170x560_TRNSPRNT

The new Mastercard.com

The new Mastercard.com is a personalized, digital, multi sensory and immersive experience, accessible to all, powered by conversational design with generative AI to connect to you, understand you, and guide you with simplicity to exactly what you need.

MC-Home-DT-2MOD-01

Landing on the home page, you are introduced to the vast world of Mastercard, from B2B, to B2C, to how we are being a global force for good. Review and learn about our range of services and solutions, however you interact with the site. All driven bi AI tech and digital engagement trackers to get users to tell us more about themselves. Powered by Dynamic Yield technology every interaction ignites the science behind our experience engine, forming a 360º  view of customers to leverage for a more personalized experience. Now as we get to know you through your visit, your needs are matched with exploring new inspiration and solution content delivered instantly.

MC-TLDR-Feature-01

Your LinkedIn profile is another tool to unlock further gated content and pages personalized just for you, creating short cuts to content that interests you. We respect everyone’s time. so our case study match shows how it matches your needs and highlights only the most relevant information. Everything is designed to make your journey easier. Want to sign up for a demo? It’s not a faceless robotic request. Select a real appointment with a real person. At a time that works for you. And with every product demo booked, teams are better informed to leverage all data collected for real, relevant conversations to help sales across the organization.

MC-Case-Study-Match-01-1

Individual consumers and customers can learn about amazing experiences, travel benefits, and cards tied to their personal values. Our new human-centric digital experiences are most inclusive, empowering everyone to fulfill their potential. Because a site designed to meet the needs of every business, every customer, every government, and every ambition is Priceless.

1170x560_TRNSPRNT

Branded System
Components & Modules

Foundational, dynamic, and expansive: our system of modules takes Mastercard’s simple brand shape and builds on its potential. Turning buttons into windows of information, flipping, stacking, and shuffling to bring to life your message and story in a meaningful and guided way.

MC-WEb-Hero-Card-01-8
Hero Card.
mc-web-brand-system-keylines
MC-Hero-Carousel-DT-01-8
Hero Carousel.

Feature Carousel.

MC-3D-capsule-container-01-8
Capsule Component + 3D Objects
mc-web-pill-container-anim-01-8
Pill Container Transitions.
mc-web-pill-container-anim-02-8
Pill Container Transitions.
MC-quotation-02-8-1
Hero Quote.
MC-quote-pill-01-8
Quotation Capsule 1.
MC-quote-pill-02-8
Quotation Capsule 2.
MC-Button-Hover-Micro-Anim-01-8
Button Hover Interaction.

Mastercard Design System
Web UI Kit

Our team rebuilt Mastercard's web-based UI kit off our newly refreshed brand look and feel. We incoporated both foundational element's from Mastercard's brand system with dynamic and sonic moments to enhance the delivery of information that make the site engaging and exciting to explore. 

Our design system unify's over +120 Mastercard websites globally, creating a seamless expereince for our developers as they migrate the new Mastercard.com to AEM.

MC – Grid Breakpoint Visuals-TRIM2
Grid System.
MC – Grid-TRIM2
Grid Breakpoints.
Border-Radius-TRIM1
Border Radius.
MC – Button-TRIM2
Buttons.
MC – Iconography-TRIM2
Iconography.
MC – Icons-TRIM2
UI Icon System
MC – Core-Typography-TRIM2
Core Typography.
MC – Typography-Use-TRIM2
Type Usage.
MC – Typography-TRIM2
Typography.
MC – Colors-TRIM2
Core Colors.

CLIENT

AGENCY

YEAR

Mastercard

MRM NY

2023-24

Mastercard

MRM NY

2023-24

MY ROLE

Assoc. Design Director - Product UI

Assoc. Design Director - Product UI

Assoc. Design Director - Product UI

PROJECT

Expereince Design, Website, UX, UI Kit, Design System

Expereince Design, Website, UX, UI Kit, Design System

DESIGN TEAM

Ronnie Ting, Rob Seale, Adam Augustyn, Kesley Basini, Rok Cho

UX TEAM

Devon Remeo, Courtney Pozzi, Kathleen Wang

Featured Projects

RadenceBrand Identity, Website

Climate Film FestivalBrand Identity

2024 Design Portfolio ReelMotion, Animation, Brand & Visual Design

MerativeBrand Identity, Visual System, Website, Launch Campaign

IBM Cloud for Financial ServicesB2B Campaign, Illustration, Icons

McDonald's Digital Omni-Channel ExperienceUX Design, Mobile App, Digital Prototyping

Modern FlowerBrand Identity, Packaging

Canary WebsiteE-commerce Site

2019 IBM Annual ReportPrint, Layout, Editorial, Website

Yahoo! RebrandBrand Identity, Launch Campaign

Burton Snowboards Clash ModelTypography, Illustration

MSG Empire Open - Air In The SquareIdentity, Naming, Branding

Aurange 3D TypeIllustration, Logo, Typography

Not Here // Still There Album ReleaseMusic Composition, Photography, Packaging

Burton Snowboards Whammy BarIllustration, Typography

Deep River SnacksPackaging, Identity

Shaklee 180 ProgramIdentity, Branding & Packaging

Bath & Body Smart WorksPackaging, Identity

Bayer AspirinPackaging, Branding, OOH

© Adam Augustyn 2025