> For the complete documentation index, see [llms.txt](https://docs.responsiveads.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.responsiveads.com/quick-start-guides/cs4-workflow-overview.md).

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