Case Study: CLEAR & Advids - Cgi Medical Device Animation Video For Verifying Identity And Health

A case study on utilizing The Advids Clarity & Engagement Framework to translate a complex digital service into a simple, human-centric 2D motion graphics video.

Summary

This case study details the production of the 2D motion graphics explainer video for CLEAR Health Pass. The primary challenge was to explain a new, multi-step digital verification service to a broad audience, balancing technical "how-to" information with the abstract benefit of "confidence and safety." Advids implemented its Clarity & Engagement Framework, pivoting from a feature-based script to a character-driven narrative. This approach, centered on a relatable character named "Jane," successfully translated the app's complex process into an intuitive and emotionally resonant story, all completed within a six-week timeline.

The Challenge

CLEAR needed to introduce its Health Pass service in a market demanding new solutions for safety and access. The challenge was twofold:

1. Technical Complexity: The service involved multiple steps: downloading an app, scanning an official ID, taking a selfie for biometric verification, linking health data (like test results), and completing a health survey.
2. Abstract Benefit: The ultimate product being sold was intangible—confidence to return to public life.

The client needed a video that could demystify the process and connect emotionally with viewers, demonstrating ease of use without sacrificing technical accuracy.

The Solution

Advids developed a 2D motion graphics explainer video centered on a character-driven narrative. Instead of a dry, step-by-step tutorial, the Advids strategy team proposed a "day in the life" story following "Jane," an audience surrogate. This narrative framework allowed the video to:

• Establish an emotional connection by showing Jane's desire to return to the stadium, her office, and restaurants.
• Integrate the technical process as the solution to Jane's problem.
• Use fluid motion design to seamlessly blend real-world character scenes with clean User Interface mockups.

Client Profile

CLEAR: A secure identity company known for its touchless biometric identity verification platform, widely used in airports and stadiums. The Health Pass was an extension of this platform, integrating health credentials for safer access.

Project Objective

To create a compelling, under-two-minute explainer video that clearly demonstrates how the CLEAR Health Pass works and inspires trust and confidence in both end-users and participating venues.

The Advids Clarity & Engagement Framework

For this project, Advids deployed its specialized 2D motion graphics workflow, which prioritizes narrative clarity and visual engagement.

• Strategic Scripting: Developing a narrative that resonates before introducing technical features.
• Visual Strategy: Creating a custom, brand-aligned visual language, including character design and icon-based storytelling.
• Vector Asset Creation: Illustrating all scenes, characters, and User Interface elements for fluid animation.
• Motion Design: Using seamless transitions and Keyframe Animation (with precise Easing and Interpolation) to guide the viewer's eye and maintain pace.

Project at a Glance

Project Timeline

1. Kickoff & Strategy (Week 1)
   • Milestone: Initial briefing and strategy session.
   • Key Outputs: Project Charter. Client provides Script_V1_Technical_Draft.docx.
   • Quote: "We're selling confidence, not just app features. How do we show that?"

2. The Conceptual Pivot (Week 1-2)
   • Milestone: Advids proposes and finalizes a new narrative approach.
   • Key Outputs: Script_V3_Character_Driven.docx (Approved), Storyboard_V2_Janes_Journey.pdf.
   • Quote: "The 'Jane' character story is the breakthrough. It connects the why with the how."

3. Visual Development (Week 2-3)
   • Milestone: Visual style, color palette, and character design approval.
   • Key Outputs: Style_Frames_Set_B_V4.png.
   • Quote: "The 'Jane' character design from Style_Frames_Set_B_V4.png is approved. She feels approachable."

4. Production & Animation (Week 3-5)
   • Milestone: Animatic approval and full animation production.
   • Key Outputs: Animatic_V1.mp4, UI_Scan_Motion_Test_R2.mp4.
   • Quote: "The initial app sequence in Animatic_V1.mp4 is too fast. We need to slow it down."

5. Refinement & Post-Production (Week 5-6)
   • Milestone: Revisions, sound design, and final mastering.
   • Key Outputs: Animation V2 (with re-timed sequences).

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

The Production Deep Dive: Crafting a Character-Driven Explainer

Phase 1: The Conceptual Pivot: From Feature List to User Story

Goal: To solve the core strategic problem: making an abstract service feel human and simple.

Process: The initial client script was a logical but dry "how-to" guide. The Advids strategy team identified that this approach failed to connect with the viewer's motivation. We proposed a "Conceptual Pivot": shifting from a "feature-first" to a "story-first" narrative.

This pivot introduced "Jane" (00:10), a character representing the target audience. The story was no longer "Here is how to use an app," but rather, "Here is how Jane gets back to the life she misses."

(IMG ASSET 1)

(Timestamp: 19s) This shot establishes Jane's motivation—the problem—which anchors the entire narrative.

Workflow Action: This strategic shift was documented in Script_V3_Character_Driven.docx and visualized in Storyboard_V2_Janes_Journey.pdf. This pivot gained immediate client buy-in, as it gave a human face to the product and a clear narrative structure for the rest of the production.

Phase 2: Visual Strategy: Designing the World of 'Jane'

Goal: To create a clean, on-brand, and relatable world for Jane that seamlessly integrated with the app's User Interface.

Process: Advids' illustrators developed a custom vector art style based on CLEAR's existing brand guidelines. This involved creating a complete asset library:

• Character Design: "Jane" and various background characters.
• Environments: Multiple distinct scenes (Jane's apartment, the stadium entrance, a restaurant, an office cubicle).
• User Interface Mockups: Re-creating the Health Pass app screens in vector format for animation.

(IMG ASSET 2)

(Timestamp: 33s) A high-fidelity vector mockup of the app's ID scan process, designed for fluid animation.

Feedback Loop: Aligning the Vector Aesthetic

Client: "We've reviewed the Style_Frames_Set_B_V4.png. We love the direction, but can we ensure our specific CLEAR brand blue is used more prominently? Also, Jane's attire feels a bit too casual; can we make her look more like a young professional?"

Advids: "Great feedback. We'll adjust the color palette to use the brand blue as the primary action color (for buttons and highlights) and refine Jane's character assets with a new outfit. Revised style frames will be sent by end of day."

Phase 3: Motion Design: Seamlessly Blending UI and Reality

Goal: To animate the full story, ensuring the transitions between Jane's world and the app's interface were fluid and intuitive.

Process: This is where the narrative and technical execution merged. Advids' motion designers used Keyframe Animation to bring Jane to life, focusing on subtle gestures (00:11). The most complex task was the enrollment sequence (00:27-00:48), which had to show multiple steps on the phone.

Feedback Loop: Balancing Clarity and Pace

Client: "We've reviewed the Animatic_V1.mp4 on Vimeo Review. The pace is good, but the app enrollment sequence (ID, selfie, health link) feels too fast. We're worried viewers will miss the steps."

Advids: "We agree. The information density is high in that section. We will re-time the sequence, adding 2.5 seconds, and use stronger visual highlights—like the 'tap' animations—to guide the viewer's eye to each step. We'll also simplify the kinetic typography to one key point at a time."

(IMG ASSET 3)

(Timestamp: 63s) The re-timed health survey screen, which benefited from a clearer pace and stronger visual cues.

Workflow Action: The final "payoff" was the verification (01:07). Our animators seamlessly blended the 2D character (Jane) with a 2D-animated kiosk, showing the final interaction. This closing loop (from Jane's desire to her access) provided a satisfying and clear conclusion to the story.

(Timestamp: 68s) The critical "payoff" shot, integrating the "Jane" character with the product's function at the verification kiosk.

Synergy Analysis: Technology vs. Human Expertise

This project demonstrates the power of The Advids Clarity & Engagement Framework, which relies on a synergy of tools and talent.

Technology-Powered Contributions:

• Vector Illustration Software: Allowed for the creation of scalable, lightweight assets that are ideal for crisp, digital-first animation.
• 2D Animation Suite: Enabled complex Keyframe Animation, compositing, and the fluid morphing transitions between scenes.
• Vimeo Review: Facilitated precise, time-stamped feedback (like the "pace is too fast" note), eliminating ambiguity.

Advids' Visualization Craft (Human Expertise):

• Strategic Storytelling: The "Conceptual Pivot" was a human-led strategic decision that defined the project's success. This is a core part of the Advids offering.
• Narrative Pacing: The motion designers' "feel" for timing (knowing when to add 2.5 seconds) is a human skill that ensures information is digestible.
• Brand Empathy: The illustrators' ability to interpret "approachable professional" into a character design ("Jane") created the story's emotional anchor.
• Clear Communication: Advids' producers managed the feedback loop, translating abstract client needs ("more confidence") into actionable technical instructions for the animators.

Outcomes & Strategic Learnings

• Final Deliverable: A 1:48 2D motion graphics explainer that successfully demystified the CLEAR Health Pass, earning enthusiastic client approval.
• Strategic Learning: For abstract services, a feature-list is not a story. The "Conceptual Pivot" to a character-driven narrative was the single most important decision. This human-centric approach should be the default for B2C and "prosumer" explainer videos.
• Asset Repurposing: The client received a comprehensive library of vector assets (the "Jane" character, environments, UI mockups) that Advids could easily repurpose for future videos, social media content, and static infographics, maximizing the project's long-term value.

Final Video