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)