CS4 Workflow Overview
This page guides you through the ResponsiveAds Creative Studio 4 (CS4) workflow. From preparing assets to designing layouts, tagging ads, and tracking performance, each step happens in a specific order to ensure smooth ad production.
1. Assets
Start by collecting all necessary input materials for your creative:
Fonts
Images
Videos (including variants)
Master PSDs
Figma Designs
2. Layout & Design
Next, choose how your ad will be structured:
Select a Template from the library or start from scratch.
This defines how your ad will behave across screen sizes.
3. Fluid Ad Creator (Building & Prep)
Once a layout is selected, you move into full creative production using the Fluid Ad Creator.
Here you:
Import your assets
Adjust and place elements within the layout
Perform the Prep tasks directly inside the canvas:
Anchoring: Fix items to edges or corners
Hotspots: Define interactive regions
Focal Points: Ensure key visuals are visible across formats
Grouping & Animation: Organize related elements and apply motion
4. Ad Operations
Once your creative is complete:
Export the creative as HTML5 or video
Prepare assets for variant campaigns (DCO)
Add ad tags and tracking for campaign measurement
5. Sales Operations
Before launch, use internal tools to preview or present the ad:
Use the Showcase page for polished previews
Use the Preview Page to test layout responsiveness
👥 Useful for stakeholder approval or sales enablement.
6. Deployment & Tagging
Make your ad live by:
Applying final AdServe tags and trackers
Completing QA and final campaign tagging
🧷 This ensures the ad runs smoothly and is trackable across platforms.
7. Analytics & Reporting
After deployment, measure your ad’s performance with the Analytics Dashboard:
View Heatmaps
Benchmark campaign performance
Analyze engagement by device and resolution (e.g. 970x250 vs 1920x1080)
Last updated
Was this helpful?