Design a Storyboard depicting how you'd like your Dynamic Creative to look.
General Best Practices
- Motion: Fun fact - our eyes are drawn to the subtlest motions. Keep that in mind when building visual compositions for video.
- Timeline: Videos are linear. Use them to tell your story.
- Keep it Simple: Use short copy. Split long sentences to appear sequentially.
- Keep it Short: The brand should be identified within the first 3 seconds.
- Keep it in Motion: Videos should have a constant subtle movement to keep the frames “alive”.
- Design with DCO in Mind: Dynamic layers will function as placeholders and will be populated with the actual dynamic assets and copy. Consider how different images, videos, and copy will appear.
- Dynamic Copy: Test out the longest and shortest variation of your copy to ensure it looks good.
- Overlay: Make sure no sensitive content, such as legal, faces, titles, or logos are covered by graphic elements.
- Timing Considerations: Make sure the content matches the duration. Here’s some design-per-duration recommendations:
- 2 seconds is just enough for a short sentence. Use roughly 3-4 words, otherwise it’ll be too fast to read.
- Each image in a carousel should have at least 2 seconds
- End Cards should be at least 4 seconds long
Please Note: the following guidelines only apply to dynamic elements.
Dynamic Text
- Format: Only OTF and TTF font types are supported. Each dynamic text layer must contain the same font, color, size, and style. Innovid's Composer for Adobe After Effects can only support one format. If multiple are used, only the first font, color, size, and style will be "composed" for Innovid's Campaign Management Tool. To apply multiple styles to a single text layer, please use the multi-style feature, which enables different styles and controls the range of those styles from within the feed.
- Length: Make sure the text layer contains enough space (in height and width) for all versions of your copy, specifically those with more characters; otherwise, your copy might become distorted (text may flow outside of the text layer, get cut off, etc.).
- Auto-Scale: Auto-scale is supported! Keep in mind that longer text will result in a smaller font size, and while it will remain in the text layer, it might become illegible. When using auto-scale, thoroughly QA your versions, especially those with longer text.
- Dynamic text layer must be single-styled. Consistent font, size, style, color, position, opacity, and typography properties (such as alignments, kerning, leading, and spacing).
- Design with longer & shorter copy alignments & spacing
- Text fitting options:
- Change font size automatically
- Scale to fit
- Control font size from the feed
- None
Dynamic Image
- File Type: All assets must have the same file type (ex: .png or .jpg) for each dynamic image layer. Multiple files types are not supported.
- Specs: Assets should have the same size, dimensions, and resolution as the dynamic placeholder. While assets of varying specs will render, they may not appear as intended.
- Supported filetypes: png (recommended) / jpeg / jpg / tif / tiff
- The image placeholder should be 100% in scale.
- Dynamic image files type must be same file type.
- Auto-Resizing options: Original / Fit Space / Fill Space / Stretch
It’s highly recommended to keep all the dynamic images consistent in size and aspect ratio. - Be mindful of the anchor point's position. Especially if the images are inconsistent in size.
- Map image size should be 1280x1280px. The location is the exact center of the image.
Dynamic Video
- Specs: All dynamic videos must use square pixels, the same format, and FPS. While assets of varying specs will render, they may not appear as intended.
- Size: Larger video files may increase the upload and render time, depending on the size and your internet speed. If you notice a slower upload and render time, try first compressing your video file.
- Supported filetypes: mp4 is preferable (especially for DCO), mov, avi
- Video assets must have consistent: frame rate, duration, aspect ratio, pixel aspect ratio.
- Videos file type must be consistent
- Resizing options: Original / Fit Space / Fill Space / Stretch
Dynamic Audio
- Audio Files: Each audio layer may be dynamic and may only contain one audio file. You may use multiple audio layers (ex: a dynamic narration and a static soundtrack).
- Specs: All dynamic audio files must be consistent in specs (ex: length, volume, bit rate, etc.). While assets of varying specs will render, they may not sound as intended.
- Filetype: WAV
- Must be consistent is specs: duration, levels, loudness.
Dynamic Templates
The templates listed below are some of the most common formats that Innovid sees marketers leverage for video formats. Please click on any of the arrows to see details around what is needed to build them, and the best practices/requirements for those assets.
Also included below are Innovid’s DCO Plug & Play templates, which are a collection of easy-to-implement strategies and templates designed to help brands and agencies get relevant messaging in-market fast. These plug-and-play templates are crafted for speed to market and feature pre-built creatives and feeds for common use cases to simplify the development process.
Innovid’s DCO Plug & Play templates include 3 display sizes (300x250, 300x600, 728x90) and one video format (Canvas). The display units feature a 3-frame fade animation divided into an “elements area” for the main imagery and an “information area” for key messaging and a brand logo. Canvas creative units are comprised of a video area and a background area framing it for imagery and key messaging.
REQUIRED CANVAS SPECS & ASSETS
Designing a Canvas:
Innovid’s Canvas unit utilizes a standard pre-roll video with a branded skin, featuring additional branding and/or dynamic elements such as dated messaging, offers, etc. Canvas creative units are used to drive brand awareness and personalized messaging with the KPI being viewers exposed to the Canvas.
Canvas Specs:
Want to work fast? Download the PSD Template
- Brand Guidelines & Font Kit
- Image Assets
- Video Player Area
- 1248x702px
- Canvas Area
- 1920x1080px background image and messaging (the top left 1248x702px area of this section will be covered by the video player) Note: The video player can appear in any part of the canvas area.
- Brand Logo
- Vector file (.ai,.eps, etc.)
- High-resolution transparent PNG image
- Dynamic Versioning
- Provide direction for versioning through a dynamic feed like this example
- Video Player Area
Version assets should follow the same best practices as the main template.
REQUIRED OVERLAY SPECS & ASSETS
Designing an Overlay:
Innovid’s Overlay adds an attention-grabbing call-to-action and appears over the standard pre-roll video, driving brand messaging and prompting the user to click to expand where applicable. An Overlay can feature custom animations highlighting dynamic elements such as interest or behavior-based messaging, product offers or features, pricing, and more. The Overlay unit should be used to drive brand awareness with a KPI being viewers exposed to Overlay.
Overlay Specs:
- Brand Guidelines & Font Kit
- HD Video File (1920x1080)
- Consider positioning of overlay in relation to legal copy
- Image Assets
- Overlay Background
- PSD or Vector files
- Logos/copy should be easily visible over the background image
- Product Shots
- PSD/Vector files or PNG images with no background
- Brand Logo
- Vector file (.ai, .eps)
- High-resolution transparent PNG image
- Overlay Background
- Copy Messaging
- Keep the copy short (it’s on-screen for a few seconds in some cases)
- Split up long lines of copy in easy to read segments and avoid paragraphs of text
- Dynamic Versioning
- Provide direction for versioning through a dynamic feed like this example
REQUIRED END CARD SPECS & ASSETS
Designing an End Card:
An end card typically appears in the last 3-5 secs of a video and uses the entire real estate of the video player to get its message across. It can feature custom animations highlighting dynamic elements such as interest or behavior-based messaging, product offers or features, pricing, and more.
End Card Specs:
- Brand Guidelines & Font Kit
- HD Video File (1920x1080)
- Video asset should be 25 secs to make room for 3-5 sec end card. If opting for 15 sec final video, the video asset should be 10 secs.
- Image Assets
- Background (1920x1080)
- PSD or Vector files
- Logos/copy should be easily visible over the background image
- Product Shots
- PSD/Vector files or PNG images with no background
- Brand Logo
- Vector file (.ai, .eps)
- High-resolution transparent PNG image
- Background (1920x1080)
- Audio
- Individual audio tracks (VO, music) in WAV format
- Dynamic Versioning
- Provide direction for versioning through a dynamic feed like this example
DISPLAY TEMPLATES & BEST PRACTICES