A case study on using The Advids Clarity & Engagement Framework to distill a comprehensive agency management software into a simple, engaging, and brand-aligned 2D motion graphics video.
Summary
This case study details the production of a 2D motion graphics explainer video for Function Point, a leading all-in-one agency management software. The client needed to translate their powerful, multifaceted platform into a simple, 60-second narrative. Advids developed a "visual DNA" system based on the client's brand, turning abstract data and complex software screens into a clear, fluid, and engaging story. The project navigated a critical brand alignment challenge, resulting in a video that successfully simplified the complex and clearly communicated the core value proposition: a single source of truth for creative agencies.
The Challenge
Function Point's platform is a comprehensive "single source of truth" for creative agencies, integrating everything from Customer Relationship Management and project management to financials and business reporting. This all-in-one power is its greatest strength but also its biggest marketing hurdle. Potential customers, often overwhelmed by disparate tools, struggled to grasp the full scope of Function Point's unified solution from static demos alone. The client needed a top-of-funnel video that could, in under a minute, explain this complex value proposition in a way that was simple, relatable, and visually compelling.
The Solution
Advids deployed The Advids Clarity & Engagement Framework, a specialized workflow for 2D motion graphics. The solution was rooted in strategy before animation:
- Narrative First: We distilled the client's complex offering into a simple "Problem -> Agitation -> Solution -> Benefit" script.
- Visual Metaphor: We developed a unique visual language derived from the client's logo, using its "blocks" as a recurring motif to represent data and modules.
- Clarity over Complexity: We animated the software's User Interface with a focus on clarity and benefit, avoiding the pitfalls of a dry, feature-heavy tutorial.
This approach allowed us to tell a relatable story that resonated with the target audience (agency owners) and clearly positioned Function Point as the definitive solution.
Client Profile
- Function Point: A leading provider of all-in-one agency management software. Their platform is designed specifically to help creative agencies and professional services firms streamline operations, improve profitability, and gain deep business insights.
Project Objective
- To create a high-level 2D explainer video that clearly communicates the problem of using disconnected software tools and positions Function Point as the ideal, unified solution. The video needed to be engaging for a visually sophisticated audience (creative leaders) and align perfectly with Function Point's existing brand identity.
The Advids Clarity & Engagement Framework
For this project, we utilized our specialized 2D motion graphics workflow, which prioritizes narrative clarity and visual engagement.
- Visual Strategy: Developing a unique visual language, including characters and icons, that aligns with the client's brand.
- Vector Illustration: Creating all visual assets as optimized vector files for clean, scalable animation.
- Precision Keyframing: Using smooth easing and interpolation to create fluid, high-quality motion.
- Kinetic Typography: Animating text to emphasize key messages and benefits.
Project at a Glance
| Feature | Detail |
|---|---|
| Client | Function Point |
| Agency Partner | Advids |
| Project | 2D Motion Graphics Explainer Video |
| Video Type | 2D Motion Graphics/Explainer |
| Estimated Duration | 6 Weeks |
| Core Technologies | Vector Illustration Software (Adobe Illustrator), 2D Animation Suite (Adobe After Effects), Audio Editing Software |
| Collaboration Stack | Slack (Real-time Communication), Google Drive (Asset Management), Vimeo Review (Video Feedback) |
| Final Deliverables | 1-minute 4K Explainer Video, Social Media Cutdowns |
Project Timeline
- Kickoff & Scripting (Week 1)
- Milestone: Strategic alignment and script finalization.
- Key Outputs: Script_V3_ClientApproved.docx.
- Quote: "We need to emphasize it's a single platform. The 'ditch the apps' (00:33) concept is central."
- Visual Strategy & Storyboarding (Week 2)
- Milestone: Approval of visual direction and narrative flow.
- Key Outputs: Style_Frames_Set_C_V2.png, Storyboard_Full_V2.pdf.
- Vector Illustration & Asset Prep (Week 3)
- Milestone: All visual assets (characters, User Interface elements, icons) are created and optimized for animation.
- Animatics & The Critical Juncture (Week 4)
- Milestone: Animatic_V1.mp4 approved. The core "block" motion language is developed and approved.
- Animation & Motion Design (Week 5)
- Milestone: Full animation, including precision User Interface keyframing.
- Key Outputs: UI_Animation_Test_R3.mp4 for review.
- Sound Design & Final Mastering (Week 6)
- Milestone: Professional voice-over, music, and sound effects are mixed and mastered.
- Final Delivery (Week 6)
- Milestone: Final video files delivered to the client.
The Production Deep Dive: From Abstract Data to a Clear User Interface
Phase 1: Scripting and Strategy: Distilling the "Single Source of Truth"
- Goal: To create a script that instantly hooks a busy agency owner and frames the problem in a relatable way.
- Process: The video opens with characters, not software. This was a strategic choice by Advids to build empathy. We see a team in a meeting (00:05), establishing the target audience. The voice-over immediately identifies their pain point: a lack of clarity and disconnected tools.
- (IMG ASSET 1) [Timestamp: 5s] The video opens with custom characters, immediately establishing the "agency" context.
- Action: By framing the video around the problem (disorganization) first, the solution (Function Point) becomes more impactful. This narrative-first approach, a hallmark of the Advids process, ensures the message lands before any features are even shown.
Phase 2: The Critical Juncture: Building a Motion Language from Brand DNA
- Goal: To create a unique visual style that was undeniably "Function Point" and could bridge the gap between abstract concepts and the concrete product.
- Process: This was the project's Brand Alignment Challenge. The client's logo and software are built on "blocks." We leaned into this. The Advids design team proposed a "visual DNA" system where these colored blocks became a recurring motif, representing data, tasks, and ideas.
- (IMG ASSET 2) [Timestamp: 10s] The abstract "data blocks," derived from the client's logo, form the core visual metaphor.
- The Breakthrough: This "block" system (00:08-00:18) became the visual glue. It allowed us to create dynamic, abstract animations that "built" the logo (00:19) and then seamlessly transitioned into the actual software User Interface (00:22). This unified the brand's identity with its product's function.
Feedback Loop: Defining the Agency Aesthetic
- Advids: "Here are the initial style frames (Style_Frames_Set_A_V1.png). We've focused on the character designs to represent your target audience."
- Client: "This is a great start. Can we make them feel less 'corporate' and more 'creative agency'? We like the style at 00:00 in the video, they feel authentic."
- Advids: "Understood. We'll adjust the wardrobe and environment to feel more like a modern creative studio. We'll also ensure our vector illustration style remains clean and professional."
Phase 3: Precision in Motion: Animating the Software User Interface
- Goal: To showcase the software's capabilities without it feeling like a slow, boring tutorial.
- Process: Animating a software User Interface is a balancing act. It must be accurate enough to be recognizable but simple and fast enough to be engaging. Our motion designers used precision keyframe animation to highlight key modules.
- (IMG ASSET 3) [Timestamp: 26s] A clear, simplified, and smoothly animated User Interface demonstrates the product's function without overwhelming the viewer.
- Action: We focused on the flow of information, using animated elements to guide the viewer's eye from one module to the next (e.g., from "CRM Estimating" to "Project Management" at 00:24-00:26). This technique, combined with "easing" on the animations, made the software feel fluid, intuitive, and powerful.
Feedback Loop: Balancing Clarity and Accuracy in the User Interface
- Client: "We've reviewed the User Interface animation test (UI_Animation_Test_R2.mp4) on Vimeo Review. The 'Project Management' screen is missing a few buttons."
- Advids: "That's intentional. For a high-level explainer, we recommend simplifying the User Interface to focus the viewer's attention on the one key action or benefit of that screen. Adding every button can create visual clutter and confuse the main message."
- Client: "That makes sense. You're right, clarity is the priority. Let's proceed with the simplified version."
Technology Meets Visualization Craft
This project was a perfect example of how 2D motion graphics success depends on both tools and talent.
- Technology-Powered Contributions:
- Vector Illustration Software: Allowed for the creation of clean, lightweight, and infinitely scalable assets that are ideal for animation.
- 2D Animation Suite (After Effects): Provided the powerful keyframing, easing, and interpolation tools necessary to create fluid, professional motion.
- Advids’ Visualization Craft (Human Expertise):
- Strategic Scripting: The ability to distill a complex, multi-featured Software-as-a-Service product into a 60-second, problem-focused narrative.
- Visual Strategy: The creative leap to develop the "block" metaphor from the client's logo, solving the Brand Alignment Challenge.
- Pacing and "Feel": The expert-level understanding of animation principles (timing, easing, flow) that separates a generic template from a custom, high-end production.
Outcomes & Strategic Learnings
- A Powerful Marketing Asset: The final video serves as a powerful, top-of-funnel asset that clearly and quickly explains Function Point's value proposition. It effectively replaced the need for lengthy verbal explanations.
- [Timestamp: 42s] The video concludes on its core benefits, using kinetic typography to reinforce the message.
- Brand-Led Storytelling Works: The project's biggest success was the "Critical Juncture" breakthrough. By building the motion language from the brand's own DNA, Advids created a video that felt uniquely "Function Point."
- Clarity Trumps Complexity: The decision to simplify the User Interface animation proved correct. The video successfully communicates the power of the software without getting bogged down in the complexity of its features, focusing on the ultimate benefits: "Save Time," "Deep Agency Insights," and "Better Business Decisions."