Case Study: Visa & Advids - Isometric Brand Story Video For Visualizing Advanced Payment Processing

How Advids Used an Isometric Visual Language to Explain Visa's Complex AI Services

Summary

This case study examines the production of a high-concept brand story video for Visa, designed to explain its complex "VisaNet +AI" services. The primary challenge was visualizing intangible, multi-layered concepts like "Smarter Stand-In Processing" and "Smarter Settlement Forecast" for a sophisticated B2B audience. Advids employed its Clarity & Engagement Framework, pivoting from a traditional flat 2D style to a minimalist isometric visual language. This strategic decision allowed for the clear, elegant visualization of complex data systems, resulting in a video that reinforces Visa's position as a leader in financial technology innovation.

The Challenge

Visa needed to communicate the value of its advanced, back-end Artificial Intelligence services. These concepts are highly abstract, invisible, and difficult to grasp. The client's goal was to create a video that could explain these complex B2B services to financial institutions, operations managers, and product managers without using confusing jargon or clichéd imagery. The video had to feel premium, innovative, and perfectly aligned with Visa's minimalist brand identity.

The Solution

Advids developed a 2D motion graphics explainer that translated Visa's complex network operations into a clean, compelling visual narrative. The key to the project's success was a strategic pivot to an isometric design. This "2.5D" approach allowed the Advids team to represent abstract concepts as tangible, multi-layered structures, providing visual depth and clarity that a flat 2D approach could not achieve.

Client Profile

Visa: A world leader in digital payments, facilitating transactions between consumers, businesses, financial institutions, and governments in more than 200 countries and territories.

Project Objective

To produce a premium 2D motion graphics video that clearly explains the functions and benefits of the VisaNet +AI platform. The video needed to visualize abstract data processes in a way that was both easy to understand and aesthetically sophisticated.

The Advids Clarity & Engagement Framework

For this project, Advids utilized its specialized workflow for high-concept explainers. This framework prioritizes a "strategy-first" approach, ensuring that the visual solution is not just beautiful, but is the most effective way to communicate a complex message. This involves deep script analysis, iterative visual strategy, and a focus on motion design that guides the viewer's understanding.

Project at a Glance

Project Timeline

• 1. Kickoff & Scripting (Week 1)
  • Milestone: Strategic alignment and narrative finalization.
  • Key Outputs: VisaNet_Script_V3.docx approved.
  • Quote: "This is highly conceptual. How do we visually show 'Stand-In Processing' in a way that feels innovative but not complicated?"

• 2. Visual Strategy & The 'Isometric Pivot' (Week 2)
  • Milestone: Approval of the core visual language.
  • Key Outputs: Style_Frames_Flat_V1.png (Rejected concept), Style_Frames_Isometric_V3.png (Approved direction).

• 3. Asset Creation & Storyboarding (Week 3)
  • Milestone: Full visual plan locked.
  • Key Outputs: Complete storyboard; finalized Vector Illustration asset library.

• 4. Animation & Motion Design (Week 4-5)
  • Milestone: First full draft of the animation.
  • Key Outputs: Animatic_V2_Draft.mp4 for timing review; Full_Animation_V1_Review.mp4.
  • Quote: "The motion at 00:46 (Smarter Settlement Forecast) is perfect. It feels like data building organically."

• 5. Sound Design & Mastering (Week 6)
  • Milestone: Final audio mix and integration.
  • Key Outputs: Final_Animation_V1_SoundMix.mp4.

• 6. Final Revisions & Delivery (Week 7)
  • Milestone: Final approval and delivery of all assets.

The Production Deep Dive: From Abstract Concept to Clear Narrative

Phase 1: Visual Strategy and the 'Isometric Pivot'

Goal: To establish a unique visual language that could make Visa's abstract AI processes tangible and easy to understand.

Process: This phase was the project's Critical Juncture. The initial creative exploration, Style_Frames_Flat_V1.png, followed a traditional, flat 2D motion graphics style. While clean and on-brand, it failed to convey the depth and multi-layered nature of Visa's technology.

(IMG ASSET 1)

(Timestamp: 30s) The "Smarter Stand-In Processing" visual, a key example of the approved isometric solution.

Action (The Breakthrough): The Advids creative team proposed a strategic pivot: an isometric visual language. This "2.5D" approach, presented in Style_Frames_Isometric_V3.png, allowed them to build "structures" and show "layers" using the same simple vector shapes. It was the breakthrough needed to visualize concepts like the stacked processing rings for "Smarter Stand-In Processing" (00:30) and the layered data filters (01:09).

Feedback Loop: The Search for Visual Depth

• Client: "We've reviewed Style_Frames_Flat_V1.png. It's clean, but it's not capturing the systemic nature of the AI. 'Stand-In Processing' just looks like flat circles—it doesn't communicate the idea of a multi-layered backup."
• Advids: "We understand the concern. The flat style lacks the visual depth to represent this. We're proposing an isometric approach. This will allow us to show these concepts as 3D-like structures, giving them a sense of scale and interconnection while staying 100% in the vector-based brand language. Here is our revised proposal, Style_Frames_Isometric_V3.png."
• Client: "This is it. This is the clarity we've been looking for. Approved."

Phase 2: Building a Minimalist Vector Language

Goal: To create a library of Vector Illustration assets that were simple, instantly recognizable, and adhered strictly to Visa's brand guidelines.

Process: With the isometric style approved, the Advids design team built a comprehensive asset library. This included the simple geometric shapes (triangles, circles, squares) representing data, as well as the stylized User Interface elements for "Smarter Settlement Forecast" (00:46) and "Smarter Posting" (01:02).

(IMG ASSET 2)

(Timestamp: 46s) The "Smarter Settlement Forecast" graphic, demonstrating the clean data visualization style.

Action: The team ensured every single asset, from the smallest data point to the largest grid, was designed to work perfectly from an isometric perspective. This consistency was crucial for building a believable, cohesive world for the data to live in.

Phase 3: Choreographing the Flow of Data

Goal: To animate the vector assets with fluid, sophisticated motion that felt premium, intelligent, and intentional.

Process: This phase was about more than just moving objects; it was about choreographing a narrative. The Advids motion designers used advanced Keyframe Animation techniques, focusing heavily on custom easing and interpolation. This gave the motion a smooth, almost liquid quality, making the flow of data feel seamless and intelligent.

(IMG ASSET 3)

(Timestamp: 104s) The "Smarter Posting" User Interface element, highlighting the integration of Kinetic Typography.

Action: A key element was the Kinetic Typography. Text was not merely overlaid; it was integrated into the animation.

Feedback Loop: Integrating Kinetic Typography

• Client: "We're reviewing the Animatic_V2_Draft.mp4. The motion of the shapes is great, but the text labels like 'Operations Manager' (00:11) feel static. Can we make them part of the flow?"
• Advids: "Great point. We'll adjust the keyframes to have the typography 'travel' with the corresponding data elements, and then resolve into its final position. This will make the text feel like an integral part of the system, not just a label."

Synergy Analysis: Technology vs. Human Expertise

This project is a prime example of how human-centric strategy elevates technology.

• Technology-Powered Contributions:
  • 2D Animation Software: The digital tools (like After Effects) provided the technical platform for Keyframe Animation, particle generation, and compositing.
  • Vector Illustration Software: Allowed for the creation of crisp, infinitely scalable brand assets that are lightweight and animate cleanly.

• Advids' Visualization Craft (Human Expertise):
  • Strategic Problem-Solving: The technology didn't suggest the isometric pivot; the Advids creative team did. This human-led strategic decision solved the core communication challenge.
  • Motion Choreography: The "premium" feel of the video comes from the artistic choices of the motion designers—the specific easing curves, the timing of transitions, and the seamless integration of typography.
  • Brand Interpretation: Translating Visa's static brand guide into a dynamic, living motion language is a creative act of interpretation, ensuring the brand's core identity was felt in every frame.

(Timestamp: 111s) The isometric "data filters," a powerful visual metaphor for AI processing developed by the Advids team.

Outcomes & Strategic Learnings

• Achieved Narrative Clarity: The final video successfully translated Visa's most complex, abstract Artificial Intelligence services into a clear, elegant, and compelling 1:32-minute narrative.
• Reinforced Premium Brand Position: The high-end, minimalist, and fluid motion design reinforced Visa's brand identity as a modern, innovative, and sophisticated technology leader.
• The 'Isometric Pivot' as a Key Strategy: This project affirmed that for abstract, multi-layered concepts, a flat 2D design can be limiting. The isometric approach, as executed by Advids, proved to be a powerful strategic tool for adding visual depth without sacrificing minimalist elegance.
• Created aDurable Visual Language: The visual world and assets created for this video provided Visa with a durable and reusable visual language, extendable to future videos and marketing materials explaining other complex services.

Final Video