Skip to content

NodeTool Cloud is in alpha. Try it →

Social ad library

Concept 15demonstrate

Result seen through the product

Tie an impressive output directly to the product that creates it.

Length
12s
Beats
5
Frame rate
30 fps
Complexity
moderate
Motion principle
Match the result and the window exactly; let the frame explain provenance.

Use it when

A real output can be aligned inside the product or application that made it.

Pick another concept when

Perspective alignment or product provenance cannot be established.

What you need

  • Original output image/video
  • Front-facing product frame or app/window frame with transparency
  • Approved result claim and CTA

Keep this consistent

The result and the product window align spatially; a mask explains the relationship.

Beat sheet

5 beats · 12s

  1. Beat 1 · 0s–2s · 2s

    Result hook

    The impressive output fills the scene.

    Motion
    Minimal motion; one short result label.
    Sound
    Optional cinematic accent.
    Check
    Use an actual output or label a concept visualization honestly.

    Copy slot:Result label

  2. Beat 2 · 2s–4.5s · 2.5s

    Frame reveal

    Product/window frame appears over the aligned result.

    Motion
    Frame slides or fades in over 300 ms; underlying image alignment does not jump.
    Sound
    Soft reveal cue.
    Check
    Crop and frame corners align pixel-for-pixel.

    Copy slot:Product link

  3. Beat 3 · 4.5s–7.5s · 3s

    Demonstrate

    Window content shows a relevant change or detail.

    Motion
    Mask bounds or crop animate; use a real before/after only where truthful.
    Sound
    Optional authentic UI sound.
    Check
    Do not fake quality improvements or manufacture before/after evidence.

    Copy slot:Feature action

  4. Beat 4 · 7.5s–9.5s · 2s

    Benefit

    Pull back to an intelligible product-plus-result composition.

    Motion
    Group scale 1.08→1.00; benefit fades in.
    Sound
    Resolve.
    Check
    Maintain shared aspect ratio inside the frame.

    Copy slot:Benefit

  5. Beat 5 · 9.5s–12s · 2.5s

    CTA

    Result, product and next step remain visible.

    Motion
    Hold.
    Sound
    Quiet tail.
    Check
    Qualification/disclosure survives the crop.

    Copy slot:CTA

Copy budget

Word counts are a starting point. Keep required qualifications.

  • Result label7 words
  • Product link7 words
  • Feature action7 words
  • Benefit7 words
  • CTA4 words

Layer stack

Top of the frame first.

  1. 5CTA
  2. 4Feature caption
  3. 3Product frame
  4. 2Foreground screen/window crop
  5. 1Output background

Adapt the format

9:16
Use the reference composition. Check placement overlays with the actual destination preview.
4:5
Reflow the composition into a wider canvas; increase useful media width and recheck every line break.
1:1
Reduce vertical gaps; keep a single dominant focal point and preserve the intended reading order.

Review the finished ad

  • Mask edges show no leaks, seams or drift during transforms.
  • The depicted output actually comes from the demonstrated product.
  • The final brand and CTA are fully settled and readable before export ends.

Watch out

  • Use an actual product output for a published demonstration; the landscape/device image is a concept.
  • For angled screens, use a verified perspective path or pre-rendered asset.

Fallback. Use an original rectangular app frame instead of a physical device; front-facing geometry avoids corner-pinning requirements.

Variations

  • NodeTool: show an actual generated/editable output inside the real application frame.
  • Square: reduce empty vertical space, preserving frame alignment.