Animated Interscroller

DIMENSIONS

Mobile:
Canvas size: 1242x2750px (Important: content should be contained in the middle, 1242x1700px – see template for accurate safe area)

Desktop:
Canvas size: 1940x2880px (Important: content should be contained in the middle, 1940x776px – see template for accurate safe area)

MAX FILE SIZE

  • Please provide the final Lottie files of your animation on Desktop and Mobile (each Lottie file must be under 3.2MB – we recommend exporting as optimized DotLottie files as this will drastically reduce the file size). Lottie file can be exported using the LottieFiles plugin for After Effects.
    Or
  • Please provide your final After Effects files and we will export the final Lottie file for you. Please note, though the Lottie format is quite robust and fast, it does not support all features of Adobe After Effects; please refer to this list for details (Web HTML). This means that if we export the animation for you, certain effects might need to be adjusted to the After Effects files by you or our team to ensure full compatibility with Lottie animation.

ANIMATION

  • Duration: 15 seconds max
  • Format: Lottie
  • File Size: 3.2MB max on Desktop and 3.2MB max on Mobile (under 1MB recommended)

Note: See PSD template for accurate safe zone.

ASSETS REQUIRED

If built by the CNET Group Studios team:
Standard asset pack including Key Art, Logos, Fonts, Guidelines.

If built by the Client (must use correct PSD template and safe areas):

  • Mobile animation (After Effects Files, exported to Lottie)
  • Desktop animation (After Effects Files, exported to Lottie)
  • We recommend sending the After Effects files and PSD used to export your PNG as we can quickly process any adjustments if required

Tracking pixel needed: 1×1 

INFORMATION

The Animated Interscroller is an exclusive, high-impact unit designed to appear natively as users scroll through the content. It offers a seamless, scroll-to-reveal experience enhanced by a parallax effect for added visual engagement.

The unit also supports an optional sprite layer (static or animated) that scrolls independently over a fixed background (static or animated), creating a dynamic layered effect. Please refer to the template for exact specifications and safe zones to ensure proper rendering across devices.

Lead time: 10 business days for the CNET Group Studios team to produce

Live Demo (Sprite version)
Template (.PSD)