Papertrail: How 2D Animation Visualized a Safer, Paperless Compliance Strategy
Summary
This case study details the production of a Two-Dimensional (2D) motion graphics explainer video for Papertrail, a digital compliance and inspection management system. The primary challenge was to articulate the abstract risks of paper-based systems (safety hazards, legal exposure) and position Papertrail as the ideal solution. Advids developed a unique "digital paper" visual style, aligning with the client's brand name while reinforcing their paperless, digital-first value. The project successfully translated a complex Business-to-Business (B2B) service into a simple, compelling narrative, framing improved safety and paper reduction as key pillars of a modern Corporate Sustainability Strategy.
The Challenge
Papertrail's service addresses a critical but intangible problem. Companies relying on paper-based logs for safety inspections face significant risks: lost paperwork, illegible entries, missed inspections, and, in the worst case, equipment failure leading to accidents and legal action. Papertrail needed to convey this complex "Problem-Agitation-Solution" arc in under 90 seconds, in a way that was instantly understandable and visually engaging.
The Solution
Advids employed The Advids Clarity & Engagement Framework to create a narrative-driven 2D explainer. The solution centered on a unique visual concept: a "paper cutout" world to visually represent the "paper" problem. This aesthetic was then brought to life with fluid, digital-first motion design, creating a clever contrast that highlights the transition from static paper to a dynamic digital solution.
Client Profile
Papertrail is a leading Software-as-a-Service (SaaS) provider that offers a simple, powerful solution for managing inspections, compliance, and safety equipment. Their platform replaces paper checklists with a digital-first system, helping organizations reduce risk, save time, and ensure compliance.
Project Objective
To create a high-impact explainer video that:
- Clearly visualizes the hidden dangers and inefficiencies of paper-based compliance.
- Introduces Papertrail's digital system as the simple, secure, and efficient alternative.
- Establishes the Papertrail brand with a unique and memorable visual identity.
- Frames this transition as part of a broader Environmental, Social, and Governance (ESG) strategy: Social (worker safety) and Environmental (paper reduction).
The Advids Clarity & Engagement Framework
For this project, Advids utilized its specialized workflow for 2D explainer videos, focusing on narrative clarity and visual engagement.
- Strategic Scripting: Developing a concise "Problem-Agitation-Solution" narrative.
- Visual Strategy: Creating the unique "digital paper" style guide.
- Vector Illustration & Storyboarding: Translating the script into key visual scenes and assets.
- Animatics: Timing the storyboard to the voiceover to perfect the narrative pace.
- Motion Design: Animating the vector assets with a focus on fluid transitions and Keyframe Animation.
Project at a Glance
| Feature | Detail |
|---|---|
| Client | Papertrail |
| Agency Partner | Advids |
| Project | 2D Motion Graphics Explainer Video |
| Video Type | 2D Motion Graphics/Explainer |
| Estimated Duration | 6 Weeks |
| Core Technologies | Vector Illustration Software, 2D Animation Suite (After Effects), Audio Editing Software |
| Collaboration Stack | Slack (Real-time Communication), Google Drive (Asset Management), Vimeo Review (Video Feedback) |
| Final Deliverables | 1:30 Explainer Video, Social Media Cutdowns |
Project Timeline
- Week 1: Kickoff & Scripting
- Milestone: Strategic alignment and narrative finalization.
- Key Outputs: Project brief confirmed; Script_V3_Final.pdf approved.
- Quote: "The 'Problem-Agitation-Solution' structure is perfect. We need to hit the 'Agitation' part hard—the legal risk is the real motivator."
- Week 2: Visual Strategy & Storyboarding
- Milestone: Approval of the "digital paper" visual style.
- Key Outputs: Style_Frames_PaperStyle_B_V2.png approved; Storyboard_Full_V4.pdf locked.
- Week 3: Animatic & Asset Creation
- Milestone: Pace and flow of the story locked.
- Key Outputs: Animatic_R1.mp4 approved with voiceover; all vector assets created.
- Week 4: The Motion Design Sprint
- Milestone: Animation of core "Problem" and "Agitation" scenes.
- Key Outputs: First draft of animation scenes for review.
- Quote: "Our motion language will be key. We'll use fluid morphs and smooth keyframe interpolation, so even though it looks like paper, it moves like software."
- Week 5: Animation Refinement & Solution
- Milestone: Full animation draft completed, including the "Solution" software demo.
- Key Outputs: Full_Animation_V2_Review.mp4 shared on Vimeo Review.
- Week 6: Sound Design & Final Mastering
- Milestone: Final approval and delivery.
- Key Outputs: Final video with sound effects and music mastered and delivered.
The Production Deep Dive: Crafting the 'Digital Paper' Motion Language
Phase 1: Scripting a "Problem-Agitation-Solution" Narrative
Goal: To build a compelling case for Papertrail by first establishing the high stakes of the problem.
Process: The Advids' narrative team worked with Papertrail to script a story that would resonate with anyone in a compliance-focused role.
- Problem (0:03-0:13): An inspector with a clipboard (the "paper") observes various high-risk activities (tree climbing, rope courses, window washing).
- Agitation (0:14-0:21): The "paper nightmare." The inspector is buried in a storm of lost papers, culminating in a "Court Order" document. This powerfully visualizes the abstract concepts of chaos, inefficiency, and legal/financial risk.
- Solution (0:22-end): A green checkmark pivots the story. The Papertrail app is introduced, showing a clean, digital, and secure workflow.
Action: This script (Script_V3_Final.pdf) became the blueprint, ensuring every visual directly supported the core message of moving from risk to security.
(IMG ASSET 2)
Timestamp: 9s - This scene visualizes the "Problem," showing high-risk work that relies on paper-based compliance.
(IMG ASSET 3)
Timestamp: 20s - The "Agitation" phase climaxes, visually connecting paper-based chaos directly to legal and financial risk.
Phase 2: The Critical Juncture: Developing the 'Digital Paper' Visual Strategy
Goal: To create a unique visual style that aligned with the "Papertrail" brand name without looking dated or overly simplistic.
Process: This was the project's Brand Alignment Challenge. The client's name is "Papertrail," but their product is "paperless." The Advids' visual strategy team proposed a "digital paper" concept to resolve this irony. Assets would be designed as flat 2D vector illustrations, but with subtle textures and drop shadows to imply layers of paper.
(IMG ASSET 1)
Timestamp: 3s - The initial character design, establishing the "paper cutout" style that defines the video's unique aesthetic.
Action: This style guide (Style_Frames_PaperStyle_B_V2.png) was a breakthrough. It gave the video a tactile, branded feel while remaining clean and professional.
Feedback Loop: Nailing the 'Digital Paper' Aesthetic
- Advids: "Here are the initial Style_Frames_PaperStyle_B_V2.png. We've focused on the minimalist character and the use of flat color to represent the 'paper' theme."
- Client: "We love the minimalism. Can we enhance the 'paper' feel just a bit, without it looking like a craft project or stop-motion?"
- Advids: "Understood. We'll add a very subtle paper texture overlay and a slight drop shadow to create a sense of depth, as if layers of paper are stacked. Critically, the motion will remain fluid and digital, not 'crafty,' to maintain that professional, tech-forward feel."
Phase 3: Motion Design: Animating Fluidity into a 2D Vector World
Goal: To execute the animation, ensuring the "digital paper" style felt dynamic, not static.
Process: The simplicity of the assets meant the animation's quality depended entirely on the motion. The Advids motion design team focused on advanced Keyframe Animation, particularly the transitions.
- Character Assembly: The clipboard at 0:01 deconstructs, and its components (helmet, board) "fly" to assemble the inspector character at 0:03.
- Fluid Transitions: Scenes don't just cut; they flow. The character falls through the "paper storm" (0:15), which then wipes away to reveal the "Court Order" (0:19).
- Easing and Interpolation: All movements were smoothed with custom easing curves to feel responsive and modern.
Action: This focus on motion design was the solution to the critical juncture. It ensured that while the look was "paper," the feel was "digital"—fast, efficient, and seamless, just like the Papertrail software itself.
Timestamp: 33s - The "Solution" is introduced. The clean, animated software interface provides a stark, positive contrast to the paper chaos.
Feedback Loop: Clarifying the Narrative Impact
- Client (reviewing Animatic_R1.mp4): "The 'paper storm' scene (0:14-0:18) is the core agitation. It feels a bit quick. Can we make it more impactful?"
- Advids: "Great feedback. We'll slow the pacing in that sequence, add more 'flying paper' assets to create a stronger sense of chaos, and hold on the character's 'sad' expression (0:17) for an extra half-second before the 'Court Order' appears. This will give the problem more emotional weight and make the 'Solution' feel more like a relief."
Synergy Analysis: Technology vs. Human Expertise
This project was a perfect blend of modern 2D animation tools and the human-centric craft of storytelling and design.
- Technology-Powered Contributions
- Vector Illustration Software: Allowed for the creation of crisp, scalable assets that are lightweight and easy to animate.
- 2D Animation Suite: Enabled complex Keyframe Animation, morphing, and layering required for the fluid transitions.
- Vimeo Review (Collaboration Stack): Provided a centralized platform for frame-by-frame feedback, crucial for refining the pacing and motion.
- Advids’ Visualization Craft (Human Expertise)
- Strategic Narrative: The ability to distill a complex B2B service into a simple, emotionally resonant "Problem-Agitation-Solution" story.
- Visual Problem-Solving: Developing the "digital paper" concept to solve the client's core brand-irony challenge.
- Motion Design Artistry: Using advanced easing and interpolation to give simple shapes a sophisticated, dynamic, and professional feel. This artistic skill is what made the "digital paper" concept work.
Outcomes & Strategic Learnings
1. A Powerful Tool for a Sustainable Strategy
The final video successfully framed Papertrail as a key component of a modern Corporate Sustainability Strategy. It demonstrated how the platform directly contributes to:
- Social (ESG): By enhancing worker safety, ensuring equipment is compliant, and reducing accidents.
- Environmental (ESG): By eliminating thousands of pages of paper, reducing physical waste and a company's carbon footprint.
2. A Memorable and Unique Brand Identity
The "digital paper" style was a resounding success. It gave Papertrail a unique, memorable visual language that stands out in the crowded SaaS market, while cleverly reinforcing their brand name.
3. Narrative Clarity Drives Conversion
By focusing on the problem and agitation before introducing the solution, the video connects with the viewer's "pain points" on an emotional level. This makes the introduction of the Papertrail software a moment of relief and a logical, compelling call to action.
4. The Criticality of Motion Language
This project learned that for minimalist 2D animation, the motion language is more important than asset complexity. The fluidity of the transitions and the responsiveness of the movements are what convey quality and a "digital" feel, a key learning Advids has applied to subsequent 2D projects.