Medable & Advids - Translating Clinical Complexity into Seamless Motion
A case study on Advids’ strategic application of The Clarity & Engagement Framework to produce a concise 2D Motion Graphics video for Medable, effectively communicating the value of their Decentralized Clinical Trial platform with a patient-centric, highly fluid aesthetic.
Summary
This project focused on developing a compelling 90-second explainer video for Medable's patient engagement application. The core challenge was translating complex clinical trial logistics (TeleConsent, task management, real-time data) into a clear, engaging, and patient-friendly digital narrative. Advids utilized a custom 2D Motion Graphics pipeline, focusing heavily on Keyframe Animation and a strategic Visual Strategy to create a video that feels both highly technical and effortlessly intuitive.
The Challenge
Medable’s platform is designed to make clinical trials more accessible, but its features—including online/offline data sync, remote TeleConsent, and connected sensors—are complex to articulate quickly. The client required a video that would reassure patients of the platform's ease-of-use while demonstrating its sophisticated capabilities to clinical partners. The critical constraint was finding the perfect visual tone: technical enough for experts, but empathetic enough for patients.
The Solution
Advids deployed The Clarity & Engagement Framework to structure the narrative. We combined clean, proprietary Vector Illustration of the application screens with highly dynamic Kinetic Typography to quickly communicate key statistics and benefits. The production overcame an initial Brand Alignment Challenge by creating a uniquely fluid motion design language, ensuring the final video felt seamless, fast, and patient-centric.
Client Profile
Medable: A leading technology provider in the field of Decentralized Clinical Trials (DCTs), dedicated to minimizing the burden on both patients and sites by digitizing key aspects of the trial process.
Project Objective
To produce a 2D motion graphics video that clearly communicates the functional and strategic benefits of the Medable platform, emphasizing the experience is Ubiquitous and Inclusive to encourage adoption by both patients and pharmaceutical partners.
The Advids Clarity & Engagement Framework Overview
Advids utilized a specialized 2D production pipeline tailored for technical explainers where clarity is paramount. This framework emphasizes visual storytelling and fluid motion design to turn dense information into digestible content.
- Visual Strategy & Storyboarding: Defining the narrative flow and the digital aesthetic.
- Vector Illustration & Asset Creation: Building custom vector assets for a clean, brand-aligned look.
- Keyframe Animation & Motion Design: Focusing on sophisticated Easing and Interpolation to achieve seamless transitions and app screen simulations.
- Kinetic Typography Integration: Designing fast, punchy on-screen text for rapid information delivery.
Project at a Glance
| Feature | Detail |
|---|---|
| Client | Medable |
| Agency Partner | Advids |
| Project | Decentralized Clinical Trial App Explainer |
| Video Type | 2D Motion Graphics/Explainer |
| Estimated Duration | 6 Weeks |
| Core Technologies | Vector Illustration Software (e.g., Illustrator), 2D Animation Suite (e.g., After Effects) |
| Collaboration Stack | Slack (Real-time Communication), Google Drive (Asset Management), Vimeo Review (Video Feedback) |
| Final Deliverables | Final High-Resolution MP4 (1:44 runtime) |
Project Timeline
- Scripting and Strategy (Week 1)
- Milestone: Final Scripting and approval of narrative arc.
- Key Outputs: Script_Outline_V3.docx.
- Quote: “The core goal is to make the complex look effortless. Fluid Easing is critical here.”
- Visual Strategy and Storyboarding (Week 2)
- Milestone: Approval of visual style and core look frames.
- Key Outputs: Initial Storyboard V2.
- Quote: “We need to ensure the Kinetic Typography segments are punchy—speed is everything when delivering stats.”
- Vector Illustration & Animatic (Week 3)
- Milestone: All custom Vector Illustration assets created. Animatic approved.
- Key Outputs: Final_Assets_Pack_Vector_V1.ai, Onboarding_Screen_Animatic_V2.mp4.
- Keyframe Animation & Motion Design (Week 4-5)
- Milestone: Animation lock.
- Key Outputs: Full Animated Draft V3.
- Sound Design and Final Mastering (Week 6)
- Milestone: Final sound and music integration, quality check.
- Key Outputs: Final Master Delivery.
The Production Deep Dive: Translating Clinical Complexity into Seamless Motion
Phase 1: Visual Strategy: Defining the Patient-Centric Aesthetic
Goal: To establish a visual language that is clean and professional yet warm and patient-friendly.
Process: The video utilizes Medable's primary color palette (purple/white). Advids’ Visual Strategy was to soften the look of a technical application by introducing organic-feeling elements, like the radial, pulsating purple background used at the start and end of the video. This contrasts with the sharp lines of the on-screen graphics, bridging the gap between clinical professionalism and human experience.
(IMG ASSET 1)
(Timestamp: 5s) The first clear shot of the UI icons in the phone mockup illustrates the clean Vector Illustration and aesthetic established in this phase.
Workflow Action: The team drafted and iterated through multiple Style Frame sets to define the clean icon aesthetic and the distinct look of the app interface simulations.
Phase 2: Vector Illustration & Asset Creation: Building the Digital World
Goal: To create all necessary Vector Illustration assets and flawlessly simulate the in-app experience.
Process: The video is built around on-screen phone and laptop mockups. Advids created a comprehensive asset library (Final_Assets_Pack_Vector_V1.ai) featuring custom icons, calendar layouts, and questionnaire screens to perfectly mimic the user interface (UI) and user experience (UX). The goal was to make the app look and feel real without requiring live screen recordings.
(IMG ASSET 3)
(Timestamp: 24s) The "Tasks" list screen with checkmarks is a synthesized asset that perfectly demonstrates the meticulous in-app Motion Design and UI visualization.
Advids Expertise: Vector Illustration proficiency allowed for high-resolution, perfectly scalable assets that adhere strictly to brand guidelines, making the app simulations look both authentic and idealized.
Phase 3: The Critical Juncture: Animation Fluidity and Brand Alignment
Goal: To achieve sophisticated, seamless motion that meets the client's demand for a "patient-friendly" and engaging experience, especially during fast transitions.
Process: This was the most challenging stage. The video rapidly communicates many features (e.g., Flexible, Modular, Fast, Anytime, Anywhere). The sheer volume of information demanded fast cuts and rapid Kinetic Typography.
(IMG ASSET 2)
(Timestamp: 10s) Shot of "Flexible, Modular, Fast" Kinetic Typography highlights the challenge of maintaining flow during rapid information delivery.
The Technical Breakthrough
The Challenge: Initial animated drafts felt too jerky. The fast cuts, combined with the motion of the elements, created an abrupt viewing experience, failing to convey the desired seamlessness of the platform. The visual tone felt too clinical and "hard."
Constraint Management: The need for a short run-time (fast pace) conflicted with the need for a fluid, empathetic feel.
The Breakthrough: The Advids Motion Design team dedicated R\&D time to master Easing and Interpolation—the acceleration and deceleration curves of objects—across all scene transitions.
Feedback Loop: Softening the Clinical Aesthetic
Advids: "We’ve presented the revised Style Frame Set C (Style_Frame_Set_C_V4.png), introducing the soft, radial purple background to combat the clinical feel of the UI graphics."
Client: "This is a major improvement. The organic background provides the warmth and patient-centric feel we were looking for, making the interface itself less intimidating."
Feedback Loop: Mastering Easing and Interpolation for Flow
Client: "We reviewed the V3 Animation. The app screen simulations are great, but the jump between scenes like 'Flexible' and 'Modular' is too jarring. We need it to flow."
Advids: "Understood. The issue is in the Keyframe Animation acceleration. We are applying more sophisticated Easing and Interpolation across all global scene transitions to soften the speed of the cuts and create a more continuous, buttery flow. This will resolve the perceived abruptness while maintaining the pace."
Workflow Action: The team implemented the refined Easing techniques, notably making the transition between "Online" and "Offline" modes (0:41) a key indicator of the new, highly fluid motion language.
(Timestamp: 41s) Transition between "Online" and "Offline" mode—a visual high point demonstrating the successful implementation of the refined Keyframe Animation techniques.
Phase 4: Final Production and Delivery
Goal: Integrate client-provided assets and finalize the sound design for maximum impact.
Process: The video features short live-action segments (patient/clinician faces, telemedicine calls) attributed as client-sourced or stock footage. Advids integrated these elements using the consistent 2D frame aesthetic. The final stage involved precise Sound Design and music integration to further underscore the pace and message, culminating in the final delivery.
Technology Meets Visualization Craft
This project highlights how the strategic application of Advids' Clarity & Engagement Framework elevates 2D Motion Graphics from simple illustration to highly effective communication.
Technology-Powered Contributions
- Vector Fidelity: Vector Illustration software provided resolution-independent assets, ensuring crisp quality across all output sizes.
- Kinetic Impact: The 2D Animation Suite enabled complex timing and layering necessary for effective Kinetic Typography.
- Efficient Review: Vimeo Review facilitated precise, timestamped feedback on detailed motion and timing.
Advids’ Visualization Craft (Human Expertise)
- Strategic Design: The ability to pivot the Visual Strategy (The Critical Juncture) from a cold, technical look to a warm, patient-centric feel through motion design elements.
- Mastery of Flow: Specialized knowledge in Keyframe Animation Easing and Interpolation to solve the fundamental conflict between rapid pace and fluid transitions.
- Information Curation: The expertise to distill complex Decentralized Clinical Trial features into clear, concise, and visually punchy segments.
Outcomes & Strategic Learnings
Enhanced Communication Clarity
The final video is a highly effective tool that quickly and clearly articulates Medable's complex value proposition. The successful visualization of the app's ease-of-use directly supports the platform’s patient-centric messaging.
Global Content Scalability
The use of clean Vector Illustration and simple motion design ensures the core video assets are highly scalable and easy to localize for the 60+ countries and languages mentioned in the video.
Front-Loaded Motion Design Focus
The primary learning was the necessity of dedicating focused R\&D time to motion design parameters (Easing/Interpolation) early in the production cycle. This proactive approach by Advids prevented a major delay and solved the core aesthetic challenge of the project.
I've completed the full case study based on the actual 2D motion graphics video content using the correct Clarity & Engagement Framework. Would you like me to generate a different kind of marketing material, such as a press release or a social media campaign, based on this case study?
Final Video
Author & Editor Bio
