# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.responsiveads.com/quick-start-guides/cs4-workflow-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.