Case Study: Xfinity & Advids - Software Product Overview Video For Uninterrupted Home Internet Experience

A case study on using The Advids Clarity & Engagement Framework to launch a corporate software product, developing a complete motion identity to drive user acquisition in a 5-second digital advertisement.

Summary

This case study details the production of a 5-second digital advertisement for the corporate software launch of BookaBuilderUK. The primary challenge was to establish a new brand identity, communicate a compelling call-to-action, and integrate client-sourced video, all within an extremely limited runtime. Advids leveraged its specialized 2D motion graphics pipeline to develop a crisp, confident motion identity for the client, focusing on high-impact Kinetic Typography to deliver a clear, professional message that drove sign-ups.

The Challenge

BookaBuilderUK, a new online directory for tradespeople, needed to launch its platform with a digital advertising campaign. The core requirement was a 5-second video ad that could run on social media and as pre-roll. The video had to achieve three goals simultaneously:

1. Introduce the "BookaBuilderUK" brand as professional and trustworthy.
2. Communicate the core value proposition: "Create a free trade profile."
3. Drive immediate traffic to the website.

The challenge was one of extreme distillation: how to build a brand and compel action in the time it takes to skip an ad.

The Solution

Advids implemented The Advids Clarity & Engagement Framework, a workflow optimized for high-speed message distillation. Instead of relying on complex visuals, the solution focused on two key areas:

1. Motion Identity Development: We translated the client's static brand guidelines into a dynamic motion language, focusing on the pacing and Keyframe Animation of text and logos.
2. High-Impact Kinetic Typography: The core message was delivered using clean, bold typography, animated to feel confident and efficient.
   

   This approach ensured the message was not just seen, but felt, establishing a professional tone in seconds.

Client Profile

BookaBuilderUK is a new corporate software platform in the United KIngdom, designed to connect homeowners with a verified database of local tradespeople. Their primary audience for this campaign was the tradespeople themselves, whom they needed to attract to build their service directory.

Project Objective

To produce a 5-second 2D motion graphics video that clearly communicates the "free profile" incentive for tradespeople, establishes the BookaBuilderUK brand, and directs viewers to the sign-up page.

The Advids Clarity & Engagement Framework

For this project, Advids utilized its specialized workflow for 2D motion graphics. This framework prioritizes clarity and audience engagement over unnecessary complexity.

• Message Distillation: A workshop focused on refining the script to the absolute minimum required text.
• Visual Strategy: Storyboarding the 5-second flow to maximize the impact of each frame.
• Vector Asset Creation: Re-drawing all brand assets, including logos and icons, as sharp Vector Illustrations for clean animation at any resolution.
• Motion Identity R\&D: Dedicated time to exploring how the brand moves—developing custom easing and interpolation curves.

Project at a Glance

Project Timeline

1. Week 1: Kickoff & Message Definition
   • Milestone: Strategy call and asset review.
   • Key Outputs: BookaBuilder_Brand_Guidelines_V1.pdf and client-sourced live-action footage received. Script locked as "CREATE A FREE TRADE PROFILE...".
   • Quote: "We have 5 seconds. It can't be busy, it just needs to be clear and professional." — Client

2. Week 2: Visual Strategy & Storyboarding
   • Milestone: Storyboard approval.
   • Key Outputs: Storyboard_Option_C_5sec.png approved. This layout prioritized text clarity over the live footage.

3. Week 2-3: The Critical Juncture (Motion R\&D)
   • Milestone: Developing the motion language.
   • Key Outputs: Initial Animatic_Test_V2.mp4 sent for review. Feedback on pacing received.
   • Quote: "The key is the easing on the kinetic type. It needs to feel fast but not rushed. Confident." — Advids Lead Animator

4. Week 3: Iteration & Refinement
   • Milestone: Motion identity approval.
   • Key Outputs: Logo_Resolve_V4.mp4 (with new "snap-in" easing) approved by the client.

5. Week 4: Finalization & Delivery
   • Milestone: Final compositing and delivery.
   • Key Outputs: Final_Ad_5s_H264.mp4 delivered.

The Production Deep Dive: Crafting a High-Speed Motion Identity

Phase 1: Visual Strategy and Asset Vectorization

Goal: To establish the visual foundation and prepare all assets for clean, crisp animation.

Process: The project began with the Advids team analyzing the client's static brand guide. All assets, including the BookaBuilderUK logo and wordmark, were meticulously re-drawn as Vector Illustrations. This was a critical first step to ensure the logo could be animated and scaled without any loss of quality. Simultaneously, storyboards were drafted to plot out the 5-second timeline, ensuring the call-to-action was the hero.

(IMG ASSET 2)

(Timestamp: 2s) The core call-to-action, demonstrating the clarity and focus of the kinetic typography.

Action: The client-sourced live-action footage was reviewed. A decision was made to use it as an establishing element but to quickly transition to full-screen text to maximize message clarity.

Phase 2: The Critical Juncture: Defining a Motion Language

Goal: To translate the static BookaBuilderUK brand into a compelling motion identity.

Process: This was the project's most significant challenge. The client had a strong sense of their brand (professional, reliable, simple) but no language for how it moved. Our initial Animatic_Test_V2.mp4 used standard, smooth Keyframe Animation, but the client felt it was "too soft" and "didn't have punch."

The Breakthrough: The Advids motion design team understood that the animation's pacing was, in fact, the brand's voice. They went back and developed a custom "snap-in" easing curve. This new animation style made text elements slide in fast and then "snap" to a halt with precision. This small change completely altered the video's feel, transforming it from "soft" to "confident" and "efficient."

Feedback Loop: Setting the Pace for Kinetic Typography

Client: "We've reviewed the Animatic_Test_V2.mp4 on Vimeo Review. The message is right, but the feeling is too slow. It doesn't feel confident. Can we make it stronger?"

Advids: "We understand. The standard easing is too gentle. We'll develop a new motion test with a much faster, more precise 'ease-out' curve. This will make the text 'snap' into place, giving it the punch and confidence you're looking for."

(IMG ASSET 3)

(Timestamp: 3s) The logo reveal, which uses the newly defined "snap-in" motion identity.

Phase 3: Integration and Final Mastering

Goal: To seamlessly integrate all elements—live-action, typography, and logo—into a polished final product.

Process: With the motion identity locked, the final phase was assembly. The client-sourced live-action footage was color-corrected to match the brand palette. The kinetic typography was animated over it, followed by the final logo and URL reveal.

(IMG ASSET 1)

(Timestamp: 0s) The opening shot, integrating client-sourced live footage with the first line of animated text.

Workflow Action: A final technical check was required. The client requested the tablet in the live-action footage show their exact "Trades Sign Up" webpage. The Advids team used compositing software to precisely track the screen and replace its content, ensuring perfect brand accuracy. The final 5-second ad was then rendered and mastered.

Synergy Analysis: Technology Meets Human Expertise

This project was a clear example of how The Advids Clarity & Engagement Framework relies on human-led strategy to guide powerful technology.

• Technology-Powered Contributions:
  • 2D Animation Suite: Provided the tools for high-fidelity Kinetic Typography.
  • Vector Illustration Software: Enabled the creation of infinitely scalable, crisp brand assets.
  • Compositing Suite: Allowed for the seamless integration and screen replacement of the client-sourced live-action footage.

• Advids’ Visualization Craft (Human Expertise):
  • Strategic Distillation: The human-led process of reducing a complex business proposition ("join our directory") into a 5-second, 8-word script.
  • Motion Identity Development: The creative and technical expertise to understand that an "easing curve" is not just a technical setting, but the voice of the brand.
  • Brand Alignment: The ability to listen to subjective client feedback ("too soft") and translate it into a specific, actionable technical solution ("a faster, high-impact ease-out").

Outcomes & Strategic Learnings

A High-Impact Asset Delivered in 5 Seconds

The final video was an immediate success. It was clean, professional, and delivered its message with zero ambiguity. BookaBuilderUK was able to launch its digital campaign with a powerful, reusable asset.

(Timestamp: 5s) The final call-to-action, driving traffic to the new platform.

Strategic Learnings

1. In Extreme Brevity, Pacing is Everything: In a 5-second ad, the speed and style of the animation (the motion identity) communicate more than the words themselves.
2. Define the Motion Identity: For any corporate video, it's a critical error to overlook the motion guidelines. The Advids process of defining this with the client was the key to success.
3. Clarity Over Clutter: The decision to prioritize full-screen, bold text over the competing live-action footage was crucial. It ensured the call-to-action was the undisputed hero of the video.

The project successfully launched the BookaBuilderUK brand into the digital space, establishing a strong motion identity that Advids could then leverage for the client's future video marketing needs.

Would you like me to analyze another video or perhaps outline a production workflow for a different video type?

Final Video