Case Study: Stratagem & Advids - High-End Animation Video For Enterprise Strategy Communication

A case study on how Advids leveraged its Clarity & Engagement Framework to translate a complex financial platform into a dynamic, mixed-media brand video.

Summary

This case study examines the production of a high-energy corporate strategy video for Sopra Banking Software. The project's core challenge was to merge client-sourced live-action footage with a minimalist brand identity to explain a complex "Collection management" platform. Advids developed a bespoke 2D motion language that unified these disparate elements, turning static brand guidelines into a vibrant, high-speed motion anthem. The resulting video successfully positions Sopra Banking Software as a modern, dynamic, and effective technology partner.

The Challenge: Translating a Complex Financial Platform into a Dynamic Brand Anthem

Sopra Banking Software needed to launch their "Collection management" platform with a video that broke the mold of traditional, conservative banking advertisements. Their philosophy, "coding colorful banking," required a visual identity that was both technologically proficient and human-centric. The challenge was threefold:

1. Convey Complex Ideas: The video had to articulate multiple, complex benefits (e.g., increased recovery rates, 100% compliance, customer relationship preservation) in just seconds.
2. Unify Disparate Assets: The client provided a folder of high-energy, cinematic live-action footage and a separate, minimalist static brand guide.
3. Maintain Brand Purity: The video had to feel cohesive and energetic without violating the brand's strict, clean, and minimalist aesthetic.

The Solution: The Advids Clarity & Engagement Framework: A Mixed-Media Motion Strategy

Advids deployed its Clarity & Engagement Framework, a specialized workflow for 2D motion graphics and brand storytelling. Instead of simply placing text over footage, Advids’ solution was to design a unifying motion language extrapolated directly from the client's static brand.

This custom-built "transitional toolkit"—using brand-compliant lines, circles, and typography—became the visual "glue." It allowed for seamless, high-speed transitions between abstract data visualizations, kinetic typography, and the client-sourced live footage, resulting in a single, cohesive, and high-impact brand anthem.

Client Profile

Sopra Banking Software is a global leader in financial technology, providing comprehensive banking solutions to over 1,500 financial institutions worldwide. They specialize in modernizing banking operations, from core systems to digital customer experience.

Project Objective

To create a fast-paced, 60-second corporate video that positions Sopra Banking Software's "Collection management" platform as the industry's most modern, effective, and "colorful" solution.

The Advids Clarity & Engagement Framework

For this project, Advids focused on a workflow designed for brand-centric motion design and mixed-media integration.

• Visual Strategy: Deconstructing the client's static brand to build a dynamic motion language.
• Asset Creation: Developing a library of custom vector illustrations (icons, emojis, data visualizations) that perfectly matched the brand style.
• Kinetic Typography: Prioritizing high-end Keyframe Animation to make the text-based messages a core part of the visual excitement.
• Seamless Integration: Blending client-sourced live-action footage with 2D graphics to create a unified visual experience.

Project at a Glance

Project Timeline

• 1. Kickoff & Asset Review (Week 1)
  • Milestone: Strategic alignment.
  • Key Outputs: Project brief confirmed. Received Sopra_Brand_Guidelines_V2.pdf and Client_Footage_Selects_V1.zip.
  • Quote: "The pacing is critical. We want it to feel modern and energetic, like a tech company, not a bank."

• 2. Visual Strategy & Storyboarding (Week 2)
  • Milestone: Visual concept approval.
  • Key Outputs: Storyboard_V3.pdf outlining all scenes, transitions, and text.
  • Quote: "The transitions are the key. We need a consistent visual device to bridge the live-action and the vector graphics."

• 3. Animatic & Asset Creation (Week 3)
  • Milestone: Pace and flow locked.
  • Key Outputs: Animatic_R1.mp4 (a rough, timed-out version of the video set to the music). Vector_Asset_Library_V1.ai (all graphic elements).

• 4. Production & Animation (Week 4-5)
  • Milestone: Full animation build.
  • Key Outputs: Full_Animation_V2_Review.mp4 sent for client feedback. This phase includes all Keyframe Animation, easing, and interpolation.

• 5. Feedback & Refinement (Week 6)
  • Milestone: Revisions implemented.
  • Key Outputs: Final adjustments to pacing and text emphasis.

• 6. Sound Design & Final Delivery (Week 6)
  • Milestone: Final approval.
  • Key Outputs: Final high-resolution video mastered with audio.

The Production Deep Dive: Crafting "Colorful Banking"

Phase 1: Deconstructing the Brand: Scripting and Visual Strategy

Goal: To translate the client's minimalist brand guide and complex product features into a viable, high-energy video script and storyboard.

Process: The first step was a deep analysis of Sopra_Brand_Guidelines_V2.pdf. The script was stripped down to its bare essentials—short, punchy phrases like "Automate your debt collection" and "360° customer view." Advids’ creative team and the client agreed that the typography itself would be a primary visual character.

Action/Challenge: The storyboard (Storyboard_V3.pdf) focused obsessively on the transitions. How do we move from "coding" (00:07) to "colorful" (00:07) to "banking" (00:07) in a way that feels inventive and fluid? This early strategic planning was essential to ensure the final piece felt cohesive.

(IMG ASSET 1)

(Timestamp: 7s) The core brand message. This frame captures the project's entire ethos: blending tech ("coding") with a vibrant, modern aesthetic ("colorful banking").

Phase 2: The Critical Juncture: Unifying Live-Action and Vector Motion

Goal: To solve the core challenge: seamlessly blend client-sourced live-action footage with minimalist 2D graphics without the video feeling disjointed.

Process: Early tests revealed a visual clash. The cinematic footage felt separate from the flat, vector graphics. This was the project's critical juncture.

The Breakthrough: The Advids motion design team held a workshop to develop a "motion language toolkit" based only on elements in the client's static brand guide.

1. Shape Overlays: Simple, branded vector shapes (like the "slinky" graphics at 00:06) were animated to interact with the live footage, visually integrating them.
2. Transitional Devices: The simple line element from the brand's logo was evolved into a dynamic "wipe" transition used throughout the video (e.g., 00:03).
3. Graphic Accents: Minimalist vector accents (like the "X"s at 00:05) were added to the live footage to "brand" it.

Action/Challenge: This "transitional toolkit" became the solution. It acted as the visual "glue" that allowed the editor to cut rapidly between live-action, pure typography, and abstract graphics while making it all feel like a single, intentional visual system.

(IMG ASSET 2)

(Timestamp: 6s) The "Critical Juncture" solution: client-sourced live footage is seamlessly integrated with custom-animated, branded vector graphics.

Feedback Loop: Nailing the Pacing and Energy

Client: "We've reviewed the Animatic_R1.mp4 on Vimeo Review. We love the direction, but the pacing feels a bit slow. The music hits aren't aligning with the visual 'punches.' We need it to be faster, more aggressive."

Advids: "Excellent feedback. We were feeling the same. We will tighten the Keyframe Animation on all text, shorten the holds, and re-time every major visual transition to be 'beat-perfect' with the audio track. The next version will have the high energy you're looking for."

Phase 3: The Power of Typography: Animating the Core Message

Goal: To animate all core messages using dynamic kinetic typography and custom vector illustrations.

Process: This phase was pure execution of Keyframe Animation. Advids’ team of illustrators created the full library of vector assets, including the animated emojis (00:19), the bar chart (00:25), and the area graph (00:27). Each text element was animated by hand, applying precise easing and interpolation to give it "pop" and energy.

Action/Challenge: A key sequence was "To manage high volume" (00:25). Instead of a boring static graph, Advids’ expertise in data visualization allowed us to create a graph that animated on in time with the music, making the concept of "high volume" feel tangible and dynamic.

(IMG ASSET 3)

(Timestamp: 25s) A prime example of branded data visualization, translating the "manage high volume" concept into a clean, dynamic animation.

Feedback Loop: Ensuring Message Clarity at High Speed

Client: "We've reviewed Full_Animation_V2_Review.mp4. The new pace is fantastic! Our only concern is that the 'Automate your debt collection' sequence (00:22) is so fast that the message might get lost."

Advids: "That's a valid point. We don't want to slow the video down, so how about this: We'll use the line element from our new motion toolkit to animate an underline that draws in under 'debt collection' as it appears. This will guide the viewer's eye and reinforce the key phrase without sacrificing the aggressive pace. We can have a new render for you by end of day."

Client: "Perfect."

Phase 4: Mastering the Edit: Sound Design and Final Integration

Goal: To assemble all components—animated graphics, typography, and client footage—into the final, polished video.

Process: This final stage involved meticulous editing and sound design. The Advids team cut every scene to the beat of the high-energy music track. The transitions developed in Phase 2 were deployed to ensure the flow was seamless. Finally, all audio elements—music and subtle sound effects (like whooshes and pops on the text)—were mixed and mastered for a clean, professional finish.

(Timestamp: 44s) The "self-service solutions" message, combining minimalist vector illustration with clear, kinetic typography in the final edit.

Synergy Analysis: Technology vs. Human Expertise

This project was a perfect hybrid of technology and craft.

• Technology-Powered Contributions:
  • 2D Animation Suite: The software (like After Effects) was the technical engine for all Keyframe Animation, compositing, and visual effects.
  • Vector Illustration Software: Enabled the creation of a scalable, brand-compliant library of icons and assets.
  • Vimeo Review: The collaboration platform was essential for frame-accurate, time-stamped feedback on fast-paced sequences.

• Advids’ Visualization Craft (Human Expertise):
  • Brand Translation: The strategy to deconstruct a static brand and build a dynamic motion language was a purely creative, human-led decision. This is a core strength of the Advids process.
  • Kinetic Typography: Technology provides the tools for text animation, but the craft lies in the timing, easing, and interpolation. This human touch is what gives the text its "pop" and personality.
  • Seamless Integration: Knowing how and when to blend live-action with graphics is an editorial and design skill. The "transitional toolkit" was an artistic solution to a technical problem.

Outcomes & Strategic Learnings

• A Powerful, Cohesive Brand Anthem: The final video successfully transformed a complex software platform into a short, dynamic, and memorable brand statement. It perfectly captured the "coding colorful banking" ethos.
• Unified a Mixed-Media Campaign: By developing a unifying motion language, Advids provided Sopra Banking Software with a visual system that could be deployed across their entire campaign, ensuring consistency.
• Learning: Pacing is a Storytelling Tool: This project reinforced that for modern brand videos, the pace of the edit and animation is just as important as the message itself. The aggressive, "beat-perfect" timing conveys energy and confidence.
• Learning: Constraints Drive Creativity: The client's strict brand guidelines (a constraint) forced the Advids team to be more creative, leading to the "transitional toolkit" breakthrough—a solution that was more inventive than if there had been no rules.

Would you like to see another case study based on a different video?

Final Video