By the end of this tutorial, you’ll have a practical, step‑by‑step plan to move banner and HTML5 display ad production from an external agency into your in‑house marketing or creative team — using an ad production platform like Viewst as your backbone.

You’ll learn how to:

• Scope the work and avoid hidden production landmines

• Redefine what “production” means inside marketing (vs. “design”)

• Set up master HTML5 ad templates and brandbooks

• Configure workflows, approvals, and handoffs in Viewst

• Automate resizes and versioning without disrupting live campaigns

Prerequisites

Before you start, make sure you have:

• Executive sponsor: A Head of Creative, Design Director, or Creative Ops lead who owns the transition.

• Current state map: Basic list of:

  • All display channels (e.g., Google Ads, DV360, retail media, direct buys)

  • File types used today (HTML5, GIF, MP4, JPG)

  • Key markets / languages.

• Access to source assets: Figma / Adobe files from your agency, plus brand guidelines.

• Chosen ad production platform: We’ll use Viewst as the example, but the steps apply broadly.

• Pilot campaign identified: A real (not hypothetical) campaign to serve as your transition test bed.

Tip: If you need a bigger-picture view of operating models and tooling, see this related guide: Ad production platforms for in-house marketing and agencies: operating models.

1. Define the Scope of Banner Production You’re Bringing In‑House

Before you cancel agency SOWs, you need a clear, written scope of what work is moving and what stays external.

Concrete actions

1. Inventory current banner production tasks over the last 6–12 months:

   • Resizing sets for standard IAB units (e.g., 300×250, 160×600, 728×90) and custom placements.

   • Creating HTML5 vs. static vs. video variants.

   • Localizing copy and swapping languages.

   • Iterative A/B or multivariate testing (headlines, CTAs, background images).

   • Trafficking-ready exports (clickTags, polite load, zip structure).

2. Categorize tasks into three buckets:

   • Creative strategy & concepting – campaign platform, big idea, brand storytelling.

   • Master design & art direction – master layouts, key frames, art direction.

   • Production & versioning – resizes, adaptation, copy swaps, QA, exports.

3. Decide the transition scope (minimum viable in-housing):

   • Phase 1 (3–6 months): Bring production & versioning in-house.

   • Phase 2 (6–12 months): Bring master design in-house for specific lines of business.

   • Optional Phase 3: Internalize more creative strategy as your team matures.

4. Quantify volume and complexity to avoid surprises:

   • How many campaigns per quarter?

   • Average number of sizes per campaign (e.g., 10–15 for IAB + responsive + retail media).

   • Average number of versions per campaign (e.g., 3–5 for tests + markets).

Data check: Monotype’s 2025 report found 57% of creative teams spend more than a quarter of their time on non‑creative tasks like resizes, compliance, and asset management. That’s exactly the work you’re moving to a platform like Viewst.

Common failure

• Scope creep: Trying to internalize everything at once (strategy, design, and production). This overwhelms teams and delays ROI. Start with production, where automation yields the fastest win.

2. Redefine “Production” Internally and Set Clear Roles

In-housing fails when “production” remains a fuzzy responsibility. You need a shared definition and RACI.

Concrete actions

1. Define production in plain language for your org:

   • Example: “Banner production = translating an approved master creative into all required sizes, formats, markets, and tests — including QA and trafficking-ready exports.”

2. Map roles and decision rights for a typical campaign:

   • Creative Director / Art Director

     • Approves master creative and key frames.

   • Designer / Motion Designer

     • Builds and refines master HTML5 layouts in Viewst.

   • Production Designer / Creative Ops

     • Runs AI Smart Resize, manages versions, localization, and QA.

   • Performance Marketing Manager

     • Defines test matrix (messages, offers), owns media deadlines.

   • Brand / Legal

     • Approves brand adherence and mandatory copy.

3. Write a one-page “Production Charter” and share it:

   • What “production” covers.

   • Who owns what.

   • How tools (Figma, Adobe, Viewst, ad servers) connect.

4. Align with IT and procurement on any vendor transitions.

   • Clarify that Viewst is a specialized HTML5 ad production platform, not a replacement for design tools.

Common failure

• Treating production as “admin work” people do off the side of their desk. Without explicit role definitions and time allocation, production becomes a bottleneck — just in-house instead of at the agency.

3. Design an Ad Production Workflow for Marketing Teams

You need a repeatable ad production workflow that sits between design and media.

Concrete actions

1. Document the end-to-end workflow from brief to launch:

   • Brief received → Master design → Production → Review & approval → Export & traffic → Post-launch updates.

2. State the tools at each stage (with Viewst at the core):

   • Brief & strategy: Project management (Asana, Jira, Monday, etc.).

   • Design concepting: Figma / Adobe.

   • Production: Viewst handling HTML5, smart resizes, templates.

   • Media activation: Google Ads, DV360, trade desk, retail media platforms.

3. Turn the workflow into a checklist for every campaign:

   • Brief accepted with clear deliverables.

   • Master creative signed off.

   • Master imported into Viewst.

   • Sizes generated via AI Smart Resize.

   • Variants created (tests, markets).

   • QA pass (links, copy, animation timing).

   • Approvals logged.

   • Export zipped HTML5 / GIF / MP4 as required.

   • Files delivered to media team.

4. Ensure compliance with platform specs:

   • Google’s responsive display ads need multiple assets (headlines, descriptions, logos, images, optional video).

   • Google DV360 and IAB New Ad Portfolio guidelines require:

     • Proper clickTags

     • Polite load behavior

     • HTML5 asset packaging ready for ad exchanges.

Forrester notes that creative adtech is shifting from fragmented tools to integrated platforms that span the entire creative lifecycle and connect production to media outcomes. Your workflow should reflect that integration.

Common failure

• Skipping the checklist because “this campaign is simple.” Those are the campaigns that later fail QA or miss specs, burning credibility with your performance marketing partners.

4. Configure Viewst as Your HTML5 Ad Production Studio

Now translate your workflow into a concrete setup in Viewst. Think of this as building creative infrastructure, not a one-off project.

Concrete actions

1. Set up workspaces and projects

   • Create workspaces for:

     • Lines of business (e.g., Consumer, B2B, Brand)

     • Regions or key markets (e.g., US, EMEA).

   • Within each, set up projects aligned to campaigns or always-on programs.

2. Import your master creatives

   • Use Figma / Adobe import to bring in master layouts.

   • For flats from agencies, use AI Image Deflatening to convert static banners into editable HTML5 designs.

3. Create reusable master templates

   • For each key format family (e.g., IAB, retail media, proprietary placements):

     • Build a single master creative per campaign concept.

     • Structure layers logically: logo, headline, body copy, product image, CTA, background.

   • Use Viewst’s true WYSIWYG editor so what you see is exactly what will export.

4. Configure brandbooks and locked styling

   • Set brandbooks with:

     • Approved fonts and fallback stacks.

     • Color tokens for primary, secondary, background, CTA states.

     • Logo lockups.

   • Lock critical elements to prevent accidental off-brand edits.

5. Set export presets

   • Define presets per channel:

     • Google Ads HTML5 zip

     • DV360 HTML5 zip

     • GIF fallback presets

     • MP4 for specific placements.

Common failure

• Treating every campaign as a one-off build instead of template-driven production. Without master templates and brandbooks, you recreate agency chaos in-house and lose the efficiency gains.

5. Automate Resizing, Animation, and Versioning Without Breaking Brand

Automation is where you reclaim time — but it must respect brand control.

Concrete actions

1. Use AI Smart Resize from a single master

   • Start with a well-structured master (e.g., 300×600 or 1080×1080).

   • Run AI Smart Resize to generate all required sizes:

     • Standard IAB units (300×250, 160×600, 728×90, 300×600, 320×50, etc.).

     • Platform-specific units (e.g., retailer banners, proprietary placements).

   • Use synced elements so updating the master (headline change) updates the whole set.

2. Add motion with AI Instant Animator

   • Define a simple motion system:

     • Fade-in for logo and headline.

     • Slide-in for imagery.

     • CTA emphasis pulse or subtle highlight.

   • Use AI Instant Animator to apply animation across layers in one click.

   • Standardize animation timing (e.g., total duration 15s, loop behavior) aligned with brand.

3. Create structured variants and tests

   • For each campaign, explicitly define:

     • Message variants (e.g., “20% off” vs. “Free shipping”).

     • Audience variants (e.g., new vs. returning customers).

     • Market/language variants.

   • Use Viewst’s variant system to keep versions organized and tied back to a single master.

4. Protect brand with governance

   • Lock brand-critical layers in templates.

   • Restrict who can edit brandbooks vs. who can edit campaign copy.

   • Set up naming conventions (e.g., CAMPAIGN_AUDIENCE_LANGUAGE_SIZE_FORMAT).

Monotype reports that 62% of teams using AI/automation see boosts in both efficiency and creativity, but only when paired with systematic operations and governance. Automation without guardrails creates brand risk.

Common failure

• Free-for-all automation: Letting anyone generate variants without brandbooks or locked layers. This leads to inconsistent fonts, colors, and layouts — exactly the risk enterprise brands are trying to avoid in the AI era.

6. Build a Structured Review and Approval Process Inside Viewst

Creative collaboration belongs inside the production environment, not scattered across email and Slack.

Concrete actions

1. Centralize reviews in Viewst

   • Use Viewst’s collaborative review to:

     • Share live previews of full banner sets.

     • Collect comments on specific frames and elements.

     • Keep discussion tied to the actual HTML5 creative.

2. Define approval stages

   • Example three-stage flow:

     1. Design approval – Creative Director signs off on master.

     2. Brand/legal approval – Brand manager and legal review key copy.

     3. Media readiness approval – Performance marketing manager approves final set for trafficking.

3. Set SLAs and expectations

   • Agree on standard turnaround times:

     • 24–48 hours for minor copy updates.

     • 3–5 days for new variant sets.

   • Define how rush requests are handled.

4. Make Viewst the system of record

   • Link to Viewst in briefs instead of attaching static screenshots.

   • Store final-approved banner sets there, aligned to campaigns.

Cella’s 2025 report notes only 39% of in-house creative teams feel seen as strategic partners. A structured approval flow, with clear stages and collaboration tools, moves your team from “order takers” to a disciplined production partner.

Common failure

• Parallel approval channels (email, chat, PDFs) that contradict what’s in Viewst. This leads to “which version is final?” confusion and undermines your production infrastructure.

7. Plan the Handoff from Agency to Internal Team Without Disrupting Campaigns

A thoughtful handoff ensures campaigns stay live and on-brand while ownership shifts.

Concrete actions

1. Negotiate a transition window

   • 3–6 months where:

     • Agency still supports active campaigns.

     • In-house team takes over specific components (e.g., new sizes, localized variants).

2. Request specific deliverables from your agency

   • Source design files (Figma / Adobe) for recent campaigns.

   • Font and asset lists with licensing details.

   • Animation specs (timing, loops, easing) used in HTML5.

   • Exported HTML5 packages as reference.

3. Run a pilot campaign inside Viewst

   • Choose a medium-complexity campaign (not the biggest launch of the year).

   • Use Viewst to:

     • Import the master creative.

     • Generate all required sizes.

     • Produce at least one round of variants.

   • Compare performance and production time to the agency benchmark.

4. Establish a dual-control QA phase

   • For 1–2 cycles:

     • Agency reviews the first in-house-produced set for brand and technical compliance.

     • Your internal team reviews the agency output to learn best practices.

5. Phase out agency involvement deliberately

   • Step 1: Agency handles strategy + master, you handle production.

   • Step 2: You handle master + production, agency on-call for exceptional campaigns.

   • Step 3: Agency used only for special initiatives or overflow.

IAB’s 2025 outlook shows U.S. ad spend growing 7.3% and 80% of buyers using or exploring generative AI, but about half insist on human oversight and brand safety. Your transition plan should reflect that balance of automation and governance.

Common failure

• Hard cut-off from the agency on a fixed date without a pilot and dual-control phase. This often results in broken tags, missing formats, or non-compliant HTML5 on live campaigns.

8. Measure Impact and Iterate Your In-House Production Model

In-housing banner production is not a one-time switch; it’s an evolving operating model.

Concrete actions

1. Define success metrics up front

   • Production time per campaign (brief → ready-to-traffic).

   • Number of formats and variants per campaign.

   • Error rates (rejected creatives from platforms, QA issues).

   • Cost per creative unit vs. agency baseline.

2. Track time saved on non-creative tasks

   • Use timesheets or simple surveys to estimate how much time designers previously spent on resizes and exports.

   • Link this to Monotype’s finding that 57% of teams spend >25% of their time on non-creative work — your goal is to cut that sharply.

3. Run quarterly retrospectives

   • What worked well in Viewst workflows (templates, approvals, exports)?

   • Where did bottlenecks appear? (e.g., brand review, legal signoff.)

   • Which campaigns best demonstrate the new model’s value?

4. Invest in AI proficiency and training

   • Cella reports 63% of creatives see AI as a productivity enhancer, but only 5% feel highly proficient.

   • Provide training specifically on:

     • AI Smart Resize

     • AI Image Deflatening

     • AI Instant Animator

     • Best practices for prompt-to-HTML5 via AI Designer.

5. Refine templates and brandbooks quarterly

   • Retire outdated layouts.

   • Add new patterns for emerging placements (retail media, CTV companion banners).

Common failure

• Declaring victory too early and not revisiting workflows, metrics, and training. Without iteration, initial gains plateau and quality or speed quietly erode.

FAQ: Troubleshooting Your Transition to In-House Banner Production

1. How do we avoid overloading our designers during the transition?

• Start by in-housing production only, not creative strategy.

• Use Viewst’s AI Smart Resize and AI Instant Animator to offload repetitive tasks.

• Assign a dedicated production designer or Creative Ops lead to own templates and workflows.

• Limit the first wave to a pilot program instead of all campaigns at once.

2. What if our agency is reluctant to hand over source files?

• Bake source file delivery into SOWs and MSAs going forward.

• For existing work, negotiate a paid handoff project covering file delivery and knowledge transfer.

• When only flat assets are available, use AI Image Deflatening in Viewst to reconstruct editable HTML5 from static banners.

3. How do we handle complex HTML5 specs and clickTags without a developer?

• Use Viewst’s native HTML5 output, which packages creatives to ad-network-ready standards.

• Leverage export presets configured for Google Ads, DV360, and other platforms.

• Maintain a simple HTML5 checklist (clickTag, polite load, file size limits, animation duration) and embed it into your QA process.

4. Can we still use agencies after in-housing production?

Yes. Many enterprise teams use a hybrid model:

• Agencies focus on big ideas, integrated campaigns, or special projects.

• In-house teams handle always-on and performance campaigns using Viewst.

• Viewst acts as the common production layer, regardless of where ideas originate.

5. How do we ensure AI-generated variations stay on-brand and compliant?

• Lock brandbooks and critical layers in Viewst.

• Limit who can modify brand systems vs. campaign content.

• Add a mandatory brand/legal approval stage for new templates and AI-generated sets.

• Document allowed vs. prohibited AI use cases (e.g., AI for resizes and motion, not for legal copy changes).

By treating banner production as infrastructure, not ad hoc design, and using an HTML5-native platform like Viewst, you can shift work from agencies to in-house teams without sacrificing speed, quality, or brand safety. The outcome: creative teams freed from repetitive tasks, performance marketers with reliable production capacity, and an organization that scales campaigns with far less chaos.