Executive Summary: In the competitive landscape of financial technology, demonstrating speed and accuracy is paramount. ALAAN Intelligence, a platform specializing in automated expense management, approached Advids to create a marketing video that would articulate their value proposition: transforming manual accounting into an instantaneous, automated workflow. The challenge was to visualize invisible backend processes—such as optical character recognition and tax extraction—without resorting to dry, technical diagrams. Utilizing The Advids Clarity & Engagement Framework, we delivered a high-energy, 2D motion graphics piece that translates complex software utility into a sleek, visual narrative.
Client Profile: ALAAN IntelligenceALAAN Intelligence is a forward-thinking financial technology company focused on simplifying corporate expense management. Their platform leverages Artificial Intelligence to automate receipt scanning, expense categorization, and accounting entries, targeting financial controllers and business owners who value efficiency and precision.
The Challenge: Beyond the Screen RecordingThe primary hurdle was the visual representation of the software itself. Standard screen recordings often feel static, slow, and unpolished due to varying load times and resolution limits. ALAAN needed the video to feel "faster than real life" to subconsciously communicate the speed of their Artificial Intelligence engine. Furthermore, abstract concepts like "50,000+ receipts scanned" needed a visual metaphor that felt tangible and impressive, rather than just a number on a screen.
The Advids Solution: Hyper-Real User Interface AnimationAdvids bypassed traditional screen capture methods in favor of a User Interface Reconstruction Strategy. We completely rebuilt the client's software interface using vector illustration tools. This allowed our motion designers to deconstruct every button, text field, and menu into separate layers. By animating these elements with exaggerated easing curves and "snappy" timing, we created a "hyper-real" version of the platform—one that operates instantly and fluidly, perfectly aligning with the marketing message of speed and automation.
The Advids Clarity & Engagement FrameworkWe deployed our specialized 2D workflow to ensure every frame reinforced the brand's premium, tech-forward identity.
Phase 1: Visual Strategy & Asset ReconstructionBefore a single keyframe was set, our design team analyzed the ALAAN brand guidelines. The goal was to establish a "Clean Tech" aesthetic using their signature purple and white palette.
- Goal: Create a library of vector-based software assets that are animation-ready.
- Process: We imported static design files into Adobe Illustrator and separated elements for independent movement.
- Artifact:
Alaan_UI_Kit_Rebuild_V3.ai
Phase 2: Animatics & PacingWe developed a rough animatic to test the rhythm of the edit. The focus was on the transition between the abstract "receipt scanning" sequences and the literal software interface.
- Challenge: Ensuring the viewer could read the text "AI fills expense details" before the scene transitioned.
- Solution: We utilized a "hold and snap" timing technique, pausing the motion briefly on key text before rapidly transitioning to the next scene.
- Artifact:
Animatic_Pacing_Test_V02.mp4
Phase 3: High-Fidelity Motion DesignThis phase involved the heavy lifting of keyframe animation in Adobe After Effects. We focused on the "invisible" tech—visualizing the Artificial Intelligence scanning process.
- Technique: We used track mattes and light-sweep effects to simulate a scanner reading digital receipts, adding a "blur" effect to background elements to simulate high-speed processing.
Project at a Glance| Component | Detail |
| --- | --- |
| Video Type | Fintech Marketing Campaign Video |
| Client Industry | Financial Technology |
| Production Module | Module 2: 2D Motion Graphics/Explainer |
| Primary Tools | Adobe Illustrator, Adobe After Effects |
| Collaboration Stack | Slack (Communication), Google Drive (Asset Management), Vimeo Review (Feedback) |
| Project Duration | 6 Weeks |
| Key Output | 40-Second Promotional Asset |
Project Timeline & Critical Milestones* Week 1: Discovery & Script Lockdown
-
Confirmed core messaging: "Scan, Fill, Enter, Done."
-
Milestone: Final Script Approved.
-
Week 2: Visual Style & Storyboarding
-
Created style frames to define the look of the "digital receipt" and the radial background lines.
-
Artifact:
Style_Frame_Deck_V2.pdf -
Week 3: Asset Reconstruction (The Critical Juncture)
-
Constraint: Client screen recordings were too low-res.
-
Action: Full vector rebuild of the User Interface.
-
Artifact:
Vector_UI_Assets_Clean.eps -
Week 4: Animation & Motion Design
-
Animating the receipt scanning flow and Kinetic Typography.
-
Quote (Internal): "The easing on the receipt pop-up needs to be exponential. It should feel like it snaps into place magnetically."
-
Week 5: Feedback & Iteration
-
Refining the speed of the Value Added Tax extraction scene via Vimeo Review.
-
Artifact:
Draft_03_Review_Copy.mp4 -
Week 6: Final Mastering & Sound Design
-
Syncing sound effects (clicks, whooshes) to the motion.
-
Milestone: Final Delivery.
The Production Deep Dive####Visualizing the Abstract: The "Scan" EffectOne of the key requirements was to visualize the volume of data ALAAN handles.
- The Concept: At timestamp 00:07, we visualized "50,000+ receipts" not as a static pile, but as a rapid-fire sequence of digital cards flying towards the screen.
- The Execution: We used a radial blur and a Z-axis camera movement in After Effects to create depth. The background radial lines (seen at 00:03) pulse in time with the music, creating a subconscious rhythm that guides the viewer's eye to the center of the frame.
IMG ASSET 1 (00:03): The "Introducing" sequence establishes the clean, radial design language and the primary brand color palette immediately.
IMG ASSET 2 (00:07): The "50,000+ receipts" animation uses kinetic motion and blur to visualize high-volume processing speed.
The Conceptual Pivot: Rebuilding for FluidityAt timestamp 00:19, the video transitions to the User Interface showing an Uber receipt being processed. This was the Critical Juncture of the project.
- The Problem: Using a literal screen recording here made the video drag. Real software pauses for milliseconds to load; a marketing video cannot afford that pause.
- The Advids Solution: By using our vector-rebuilt assets, we animated the "Uber" logo and the price tag (
AED 70.00) popping onto the screen individually. This "UI Choreography" allowed us to direct the viewer's eye specifically to the data points that mattered, ignoring the clutter of a full interface.
IMG ASSET 3 (00:19): The reconstructed UI animation highlights specific transaction details (Uber, Price) with "pop-in" motion dynamics.
Feedback Loop: Precision in Data VisualizationDuring the review of the accounting entry section (00:26), a specific feedback loop occurred regarding the Value Added Tax extraction.
- Client Feedback: "The transition where the tax code is highlighted happens too fast. Our users need to see that we capture the specific TRN number."
- Advids Adjustment: We extended the duration of the hold frame by 20 frames and added a subtle "glow" effect around the
AED 88.00Value Added Tax amount to draw focus before the scene transitioned. This was managed and tracked via Vimeo Review comments.
IMG ASSET 4 (00:26): The VAT extraction sequence uses a "dim and highlight" technique to focus attention on automated data entry.
Synergy Analysis: Technology & ExpertiseThis project exemplifies the synergy between Adobe Creative Cloud tools and human motion design expertise. While software like After Effects provides the tools for motion, the "feel" of the animation—the specific easing curves that make the interface feel responsive and modern—is the result of experienced animators understanding the psychology of user experience. The decision to manually rebuild the User Interface rather than relying on automated screen capture tools was a human strategic decision that significantly elevated the final production value.
Outcomes & Strategic LearningsThe final video successfully positioned ALAAN Intelligence not just as a software tool, but as a high-speed automation engine.
- Visual Clarity: The abstraction of complex accounting processes (like Value Added Tax extraction) into simple visual highlights proved effective for the target audience.
- Brand Consistency: The strict adherence to the vector-based workflow ensured that every frame of the video matched the client's print and web branding perfectly, with zero pixelation or artifacting.
- Engagement: The "hyper-real" motion design kept the pacing brisk, ensuring viewer retention through the technical explanation of features.