Case Study: Higher Logic & Advids - Supply Chain Visualization Video For Powerful Member Experiences

A case study on implementing the Advids Clarity & Engagement Framework to translate a complex, multi-feature software platform into a simple, engaging, and brand-aligned 2D motion graphics video.

Summary

This case study details the production of the 2D motion graphics video for "Higher Logic Thrive," a comprehensive member engagement platform. The primary objective was to distill a complex, feature-rich product into a simple, clear, and compelling message. Advids leveraged its specialized 2D animation pipeline to overcome the critical challenge of brand alignment—seamlessly blending custom vector illustration with the client's existing software User Interface. The 6-week project resulted in a video that simplified the "Thrive" platform's value proposition, focusing on the core member lifecycle of "Recruit, Engage, Renew."

The Challenge

Higher Logic needed to introduce its new, all-in-one platform, "Thrive." The platform combines previously separate functionalities—Community & Events, Marketing & Communications, and Member Management—into a single ecosystem. The challenge was conceptual: how to explain this integrated power without making the platform seem complicated or overwhelming? The video needed to convey "comprehensive" and "easy" at the same time.

The Solution

Advids employed its Clarity & Engagement Framework, a 2D motion graphics workflow designed to simplify complex ideas. Instead of a feature list, the Advids team developed a visual narrative centered on the member lifecycle. This approach used clean vector illustration, sophisticated motion design, and dynamic animations of the actual User Interface to build a story of ease, scalability, and powerful member experiences.

Client Profile

Higher Logic is a leading provider of online community and member engagement solutions. They serve associations, non-profits, and corporations, helping them build lasting relationships with their members and customers.

Project Objective

To create a high-impact, 90-second animated video to launch the "Higher Logic Thrive" platform. The video needed to clearly articulate the platform's three core pillars and its benefit of simplifying the entire member experience, all while adhering to Higher Logic's strict and modern brand guidelines.

The Advids Clarity & Engagement Framework

For this project, Advids deployed its specialized 2D motion graphics workflow. This framework prioritizes narrative clarity and visual elegance, ensuring that abstract concepts (like "engagement") are translated into clear, memorable visuals.

• Visual Strategy: Developing core visual metaphors (like the three pillars) to anchor the script.
• Custom Vector Illustration: Creating all visual assets from scratch to ensure brand consistency.
• Motion Design & Pacing: Using fluid keyframe animation and transitions to create a fast-paced, modern, and "easy" feel.
• User Interface Animation: Integrating static screen captures and bringing them to life to demonstrate the product in action.

Project at a Glance

Project Timeline

• 1. Kickoff & Scripting (Week 1)
  • Milestone: Strategic alignment and script finalization.
  • Key Outputs: HL_Script_V2.docx approved.
  • Quote: "The video needs to feel as easy and integrated as the platform itself."

• 2. Visual Strategy & Storyboarding (Week 2)
  • Milestone: Visual concept and narrative flow approved.
  • Key Outputs: Storyboard_Full_V2.pdf (detailing all scenes and transitions).

• 3. The Brand Alignment Sprint (Week 3)
  • Milestone: Critical visual identity locked in.
  • Key Outputs: Style_Frames_Set_B_V3.png approved by the client's brand team.

• 4. Asset Production & Animatic (Week 4)
  • Milestone: All vector assets created and a full-length, rough animation is reviewed.
  • Key Outputs: Animatic_Draft_V1.mp4 uploaded to Vimeo Review for pacing feedback.

• 5. Animation & Motion Design (Week 5)
  • Milestone: Full, smooth animation produced.
  • Key Outputs: All scenes animated with final keyframing, easing, and transitions.

• 6. Sound Design & Final Mastering (Week 6)
  • Milestone: Video finalized with voice-over, music, and sound effects.
  • Key Outputs: Final 4K video delivered.

The Production Deep Dive: Translating a Complex Platform into a Clear Narrative

Phase 1: Visual Strategy: Defining the "Look and Feel" of Engagement

• Goal: To establish a clear visual language that could explain the platform's three core functions simply.
• Process: The Advids creative team worked with the client to distill the "Thrive" platform into its most essential components. The script focused on the outcomes (recruiting, engaging, renewing) rather than just the features.
• Workflow Action: We developed two key visual metaphors. First, the three-pillar diagram (Community, Marketing, Member Management) seen at 00:17. This simple visual instantly grounded the audience. Second, the "Recruit, Engage, Renew" cycle (00:30), which used circular motion design to visualize the continuous member lifecycle. This strategic decision by Advids turned an abstract concept into a clear, repeatable visual.

(IMG ASSET 1)

(Timestamp: 17s) The core three-pillar diagram established the platform's integrated structure.

Phase 2: The Critical Juncture: Achieving Total Brand Alignment

• Goal: To create custom illustrations that felt like a seamless, native part of the Higher Logic brand ecosystem.
• Process: The video needed to blend custom-animated icons and characters with polished screen captures of the actual "Thrive" User Interface. Our initial designs were professional but felt visually separate from the client's specific brand identity.
• The Breakthrough: This "Brand Alignment Challenge" became our top priority. The Advids design team initiated a focused sprint, deconstructing the client's existing User Interface to analyze its typography, color gradients, and icon style. We then developed a new set of vector illustrations (Style_Frames_Set_B_V3.png) that directly mirrored this "look and feel."

Feedback Loop: Nailing the Visual Identity

• Client: "We've reviewed the first style frames (Style_Frames_Set_A_V1.png). The characters and icons feel a bit too 'cartoony' and generic. They don't match the clean, professional aesthetic of our User Interface."
• Advids: "Thank you for that clear feedback. We see the disconnect. We're starting a 'Brand Alignment' sprint, using your User Interface as the primary inspiration. Our next iteration will feature simpler lines and a color palette drawn directly from your platform's gradients."
• Client: (Reviewing Style_Frames_Set_B_V3.png) "This is perfect. It looks and feels exactly like our brand. This is the style we need."

(IMG ASSET 3)

(Timestamp: 36s) The final, approved style: a custom-illustrated profile seamlessly integrated with the actual software User Interface.

Phase 3: Motion Design: Bringing a User Interface to Life

• Goal: To make static software screens look dynamic, easy, and engaging.
• Process: Simply showing static screen captures can be boring. The Advids motion design team took the User Interface assets and animated them, adding motion to elements that would be static in a real-world environment.
• Workflow Action: We used subtle keyframe animation to make graphs and charts (00:57) grow and populate. We animated cursors to click on buttons (00:52), and we used smooth "zoom" and "pan" effects to guide the viewer's eye to the most important information on a data-dense screen. This created a feeling of an effortless, responsive, and simple-to-use platform.

(IMG ASSET 2)

(Timestamp: 30s) The animated "Recruit, Engage, Renew" cycle, a key piece of motion design.

(Timestamp: 57s) Animating the analytics dashboard to make complex data feel dynamic and understandable.

Feedback Loop: Clarifying Data-Heavy Scenes

• Client: "We're reviewing the animatic (Animatic_Draft_V1.mp4) on Vimeo Review. The analytics dashboard scene at 00:55 flashes by too quickly. Our audience won't be able to read what's happening."
• Advids: "Good catch. The pacing is too fast for a data-heavy shot. We will adjust the keyframe easing to add a 1-second hold on the main bar graph and add a slight 'zoom-in' to focus attention on that key metric. This will give the viewer time to comprehend the visual."

Technology Meets Visualization Craft

This project demonstrates the synergy between 2D animation technology and the human expertise required to craft a clear message.

• Technology-Powered Contributions
  • Vector Illustration Software: Allowed for the creation of scalable, lightweight assets that could be easily animated and matched to the client's brand.
  • 2D Animation Suite: Enabled complex motion design, including the seamless morphing transitions between scenes and the fluid animation of kinetic typography.

• Advids’ Visualization Craft (Human Expertise)
  • Strategic Distillation: The ability to take a complex product and a dense script and distill them into a few core visual metaphors that were easy to understand.
  • Brand Empathy: The "Critical Juncture" was solved not by technology, but by the design team's ability to analyze and empathize with the client's existing brand identity.
  • Narrative Pacing: Expertly controlling the timing, easing, and interpolation of keyframes to create a video that felt fast and modern, yet clear and easy to follow.

Outcomes & Strategic Learnings

• A Clear, Unified Message: The final video successfully launched the "Higher Logic Thrive" platform, communicating its "all-in-one" value proposition in under two minutes.
• Total Brand Cohesion: By solving the "Brand Alignment Challenge," Advids delivered a video that functions as a true extension of the client's product and brand, strengthening their market position.
• Scalable Creative Assets: The custom vector illustrations and icons created for the video became a valuable asset library for Higher Logic, which they could subsequently use in web, print, and other marketing materials, ensuring brand consistency across all channels.
• The Value of Visual Metaphor: The success of the "three pillars" and "lifecycle" visuals reinforced a key Advids learning: for complex software, it's often more effective to visualize the outcome than to simply list the features.

Final Video