ALL-IN-ONE WALLET
ALL FOR YOU

CLIENT /
Google Wallet

ROLE /
Concept + Creative Direction,
Art Direction, Design Lead, Illustration, Storyboards + Motion Direction

SCOPE /
How-to & Explainer Videos

06

THE CHALLENGE / AN AESTHETIC EVOLUTION

Following a comprehensive app redesign, Google Wallet’s existing how-to library required a visual refresh to align with the new product identity. The legacy content had begun to feel aesthetically dated, utilizing an overly detailed visual style that no longer matched the sleek, modern direction of the brand. For a high-utility platform, it was essential that the instructional content aesthetically aligned with the app itself to maintain a cohesive user experience.

I was tasked with developing a modern, sleek visual language for a suite of how-to and explainer videos. This system needed to be highly scalable to support global localization efforts across 30+ markets while remaining accessible to both power users and first-time adopters.

CONCEPT DEVELOPMENT / FOUR PATHS FORWARD

I developed four distinct creative directions and pitched them to stakeholders, each one testing a different relationship between UI, color, and motion.

The direction that resonated most with stakeholders was Monochromatic.
From there, I refined it further into what became the system's defining language: "Monochromatic Moment."

PREVIOUS DESIGN

STYLE FRAME EXPLORATIONS

REVAMP THE REFRESH

CONCEPT 01

The Revamp the Refresh concept is taking the current banner/video creative and exploring new, fun ways to have the circles interact with and complement the UI.

MONOCHROMATIC

CONCEPT 02 - SELECTED DIRECTION

The Monochromatic concept uses the full range of Google core colors to help ground the UI and seamlessly transition between frames/steps.

CONCEPT 03

MINIMALIST ACCENT

The Minimalist Accents concept highlights the use of colorful, bold lines to draw the eye to key UI elements. As well as create slight contrast against the overarching simple and neutral backgrounds.

CONCEPT 04

ILLUMINATING COLOR

The Illuminating Color concept creates dynamic contrast using interactive gradients and subtle glows of color to help emphasize and complement the UI.

ART DIRECTION & SYSTEM LOGIC / STRATEGIC SIMPLIFICATION & COLOR STRATEGY

My approach focused on an aesthetic shift to platform-agnostic modernism.
I implemented a "Reduction and Elevation" framework: intentionally stripping away non-essential UI elements to lower the cognitive load. By removing "instructional noise" and hardware-specific markers like the Android frame, we allowed the user to focus entirely on the next step. This strategy ensured the content remained timeless, focused, and easily scalable for global rollout. This reduction logic extended into motion as well. Key UI components would "pop out" and elevate at the essential moment in each step, dynamic enough to hold attention without ever competing with the instruction itself.

To define the new visual language, I conceptualized the "Monochromatic Moment." This style replaced clinical white backgrounds with vibrant, flooded brand colors, utilizing varying intensities of the core palette to create depth while strictly adhering to Google’s brand guidelines. We adopted a blue-first hierarchy for the how-to videos, aligning with the brand guideline that prioritizes Google Blue as the paramount color for all design choices. The remaining brand colors were reserved for the more complex explainer videos, creating a clear visual that distinguished quick utility from deeper education.

HOW-TO & EXPLAINER VIDEOS

IMPACT / EXECUTION AND MORE

The result was a robust, scalable video system that has generated over 900,000 combined views and became the global standard for Google Wallet education. By developing a comprehensive production framework and overseeing a team of designers, I ensured the Monochromatic logic remained consistent across more than 30 localized assets.

This design system now operates seamlessly across the global ecosystem, including Google Help Center articles, the official YouTube channel, the Google Wallet site, and social media promotions.

Travis Taylor –– COPY
Amy Rexford –– DESIGN/ILLUSTRATION
Randy Rentera –– PRODUCTION DESIGN
Zahra Fardin –– ILLUSTRATION
Sean Thompson –– MOTION DESIGN
Rob Neno –– MOTION DESIGN
Tomi Rosanwo –– ART DIRECTION/CONCEPT, DESIGN LEAD, ILLUSTRATION

THE TEAM

NEXT ↴