Motion Design Ad

---
name: mxm-motion-design-ad
description: Maxim motion-design + kinetic typography video — engineered for comprehension-to-conversion via AIDA + Hick's Law. Explainer-ad hybrid that makes complex value props land in under 15 seconds and converts via behavioral-architected CTA.
mxm_authored: true
mxm_version: v2.0
parent_skill: ai-media-generation
business_outcome: comprehension → conversion (SaaS, service, feature launches)
primary_framework: AIDA (Attention-Interest-Desire-Action) + Hick's Law
supporting_frameworks: Cognitive Load Reduction, F-pattern Eye Tracking, Typographic Hierarchy
funnel_stage: mid-funnel (awareness → conversion for explainer-driven products)
---

# Maxim Motion Design — Comprehension-to-Conversion Engine

## The Maxim Moat

Other libraries teach motion-graphic aesthetics — type animation, kinetic typography, graphic reveals. Pretty kinetic videos nobody acts on.

Maxim's motion-design style is engineered from **AIDA + Hick's Law first, motion craft second**. The structure IS the behavioral funnel. Each beat converts attention to interest to desire to action with measured timing calibrated to attention physiology.

---

## Business Outcome

**What this style moves:**
- **Conversion rate for explainer-driven products** (SaaS signups, service bookings, feature adoption)
- **Comprehension** (complex benefits land in 15-30s)
- **Click-through rate on end CTA** (+25-40% vs. narrative video for same product)
- **Ad recall + unaided brand association**

**When to dispatch:**
- SaaS explainer ads (Facebook / Instagram / YouTube pre-roll)
- Service business explainers (agency, consulting, platform)
- Feature launches within existing products
- Data visualization ads (stat-driven claims)
- B2B explainer content

---

## Primary Behavioral Framework

### AIDA (Elias St. Elmo Lewis, 1898 — 127 years old and still works)

The classical marketing structure: Attention → Interest → Desire → Action. For short-form explainer video, AIDA is the behavioral skeleton that maps to the 4-act structure.

**Mapped to motion design:**
- **Attention (0-2s)**: bold type hook, movement, color contrast
- **Interest (2-6s)**: relatable problem statement, supporting visuals
- **Desire (6-12s)**: solution demonstration with clear benefit icons
- **Action (12-15s)**: CTA with urgency marker, URL, clear next-step

### Hick's Law (William Edmund Hick, 1952)

Decision time increases logarithmically with number of choices. In video CTA context: one clear action converts; multiple choices paralyze.

**Application:**
- Single CTA per video (never "buy AND follow AND share")
- CTA button-style in final frame (single visual focus)
- URL + action verb + single-line value prop (not feature list)

### Combined mechanism

AIDA moves viewer through the behavioral funnel step-by-step at explainer pace. Hick's Law protects the CTA moment by limiting decision complexity. Result: viewer arrives at CTA emotionally primed + cognitively clear = conversion.

---

## Supporting Frameworks

- **Cognitive Load Reduction**: limited palette, controlled typography, sequential reveal
- **F-pattern Eye Tracking**: Western audiences scan F-shape; key information placed at F-line intersections
- **Typographic Hierarchy**: size + weight + color contrast signal importance within 200ms

---

## Behavioral → Cinematic Translation

| Motion choice | Behavioral mechanism activated |
|---|---|
| Bold headline type reveal (0-2s) | AIDA Attention — pattern break + semantic content |
| Single color + single font at start | Cognitive Load protection |
| Problem stat in hero type (2-6s) | AIDA Interest + F-pattern placement |
| Sequential icon parade (6-10s) | Typographic Hierarchy + sequential reveal |
| Benefit hero statistic (10-12s) | AIDA Desire — quantified value claim |
| Single CTA button in final frame | Hick's Law protection — one decision |
| URL persistent on end frame | Conversion path friction removal |

---

## The 4-Act Structure (AIDA-mapped)

### Act 1 — Attention (0-2s)
Bold headline type animates in. Cubic-bezier ease-out. 80ms stagger per character. Accent brand color on neutral background.

### Act 2 — Interest (2-6s)
Supporting statement. Problem-focused. 2-3 supporting icons slide in with 200ms overlap.

### Act 3 — Desire (6-12s)
Solution statistic animates. Count-up effect. Supporting caption. The "wow" moment.

### Act 4 — Action (12-15s)
All elements exit. CTA button slides in. URL persistent. Brand color wash. Brand logo lock-up.

---

## Sales / Lead-Gen Templates

### Template 1 — SaaS conversion explainer (15s) — optimizing for signup

```
SaaS conversion ad, 15 seconds, AIDA-structured motion design.

ACT 1 — Attention (0-2s):
Bold sans-serif headline "[BRAND BENEFIT STATEMENT]" animates letter-by-
letter, 80ms stagger, cubic-bezier ease-out. Accent color (coral) on dark
navy background. Type weighs in at 80pt, dominates frame.
BEHAVIORAL FUNCTION: AIDA Attention — pattern break in feed. Typographic
Hierarchy signals importance pre-consciously.

ACT 2 — Interest (2-6s):
Supporting stat or problem statement appears below at 2.2s — "[X]% of
[AUDIENCE] struggle with [PROBLEM]." Three icons slide in left-to-right
at 3s / 4s / 5s representing the three pain dimensions.
BEHAVIORAL FUNCTION: AIDA Interest. F-pattern placement — viewer scans
from headline to supporting info. Cognitive Load stays low (3 icons, not 7).

ACT 3 — Desire (6-12s):
Statistic hero — "[PRODUCT NAME] saves [NUMBER] [UNIT]". Count-up animation
from 0 to final value in 1.5s with ease-out. Final value holds with subtle
pulse. Supporting caption below: "per [TIME_PERIOD]".
BEHAVIORAL FUNCTION: AIDA Desire — quantified value claim. Count-up effect
extends attention dwell. Viewer processes specific promise.

ACT 4 — Action (12-15s):
All elements exit with 200ms slide-right. Single CTA button slides in from
left — "[ACTION VERB] Free" in accent color. URL persistent below. Brand
logo top-left. Final frame holds 1.5 seconds.
BEHAVIORAL FUNCTION: Hick's Law protected (single CTA). Cognitive Load at
minimum (clean end frame). URL persistence removes action friction.
```

### Template 2 — Service business explainer (30s)

```
Service business explainer, 30 seconds, AIDA + benefit stacking.

ACT 1 — Attention (0-3s):
Problem hook: "[INDUSTRY PAIN QUESTION]?" bold type reveal. Pause frame 1s.

ACT 2 — Interest (3-12s):
Problem visualization — dollar loss, time waste, stress indicator. Three
sub-problems surface in sequence. Each 3s.

ACT 3 — Desire (12-24s):
Service intro at 12s. Mechanism explained in 3 visual beats:
  - Beat 1 (12-16s): what happens first
  - Beat 2 (16-20s): what happens next
  - Beat 3 (20-24s): outcome
Each beat has icon + headline + micro-stat.

ACT 4 — Action (24-30s):
"Book a free consultation" CTA. Urgency marker ("[LIMITED SLOTS/THIS WEEK]").
URL. Brand mark.
```

---

## Anti-Patterns

| Anti-pattern | Breaks |
|---|---|
| Headline not bold enough | Breaks AIDA Attention |
| Multiple competing CTAs | Breaks Hick's Law |
| Feature list instead of benefit | Breaks AIDA Desire (features don't create desire; outcomes do) |
| Too many icons simultaneously | Breaks Cognitive Load Reduction |
| Motion for motion's sake | Breaks F-pattern eye tracking |
| No quantified claim in Desire act | Breaks specificity — vague promises don't convert |
| CTA buried at end (small / off-brand) | Breaks conversion — CTA IS the moment |

---

## Confidence Tagging + Maxim Integration

```
🟢 HIGH confidence — motion-design-ad skill matched
Applied frameworks: AIDA + Hick's Law + Cognitive Load Reduction
Intended outcome: Comprehension → conversion (click-through)
Audience: [B2B / B2C / prosumer detected]
```

**Pack 2 Behavioral Intelligence overlay:**
- AIDA + Scarcity + Loss Aversion cascade for urgent promotions
- A/B variant: same content, headline anchored to curiosity vs. benefit

**Pack 5 Brand & Design Pro overlay:**
- Typographic brand system enforcement
- Motion-easing library lock (per-brand easing curves)
- Color-hierarchy enforcement

---

## Cross-Style Stacks

| Stacked with | Produces |
|---|---|
| + 03 cartoon | Explainer-comprehension hybrid |
| + 07 ecommerce-ad | Motion-design product conversion ad |
| + 02 3d-cgi | CGI hero + motion graphics overlay for tech brands |

---

## Model Portability

| Model | Motion design fidelity |
|---|---|
| Runway Gen-3 | ✅ Native |
| Veo | ✅ Excellent kinetic typography |
| Sora | ✅ Strong narrative motion graphics |
| Seedance / Higgsfield | ⚠️ Requires heavy typographic prompting |
| Kling | ⚠️ Works but leans realistic motion |

---

## v2.0 Scope Note

Ships v1.0.0. Pack 2 extends with AIDA variant library + cross-framework conversion cascades.

---
_Copyright (c) 2026 iSystematic Inc. Maxim product. BSL 1.1._