AI prompting for HTML5: How to use AI to turn a campaign brief into a better HTML5 production brief
We’ve mentioned before that HTML5 banners are a fantastic addition to your campaign planning in 2026. But we often hear that they take too long to develop.
Contrary to what you might think, problems in HTML5 campaigns don’t usually start in development.
They actually start way back in the beginning with a campaign brief that leaves too many unanswered questions.
Your brief might look complete on paper. It has a campaign objective, target audience, media plan and creative direction. But even so, by the time it’s handed over to production, gaps start popping up:
- Did we adapt messaging for different banner sizes?
- Which assets are brand-approved?
- Are mobile layouts expected to use different copy?
- What tracking requirements apply to this format?
- Has anyone considered file size, accessibility or platform specifications?
Those questions often surface after design has started, when changes are slower, more expensive and more disruptive.
I work at AGCS – a creative production agency that’s been in the creative industry for over 15 years. Speaking to my colleagues and other industry professionals, I can confidently say this is where AI shines for HTML5 banner production.
Not in replacing designers or developers, (in fact, a human touch is becoming more and more critical) but by helping turn rough campaign briefs into structured production plans before you get to building.
About the author:
Morné is MD at AGCS, helping brands and agencies deliver pixel-perfect digital experiences across web, mobile, and advertising. A front-end developer by nature, he combines technical depth with strategic thinking to build scalable design systems that look great and perform even better.
TABLE OF CONTENTS:
- HTML5 campaign production is more complex than it looks
- Where AI adds value in HTML5
- AI prompting tip: Start with the brief, not the banners
- Build the messaging hierarchy before the layouts
- Plan formats before production starts
- How to turn a campaign brief into a production brief
- Better planning leads to smoother production
- Where human expertise still matters
- A simple AI-assisted workflow you can use
- Final thoughts
- Want help integrating AI into your creative workflow?
HTML5 campaign production is more complex than it looks
Building HTML5 banners can seem straightforward. Just create your brief, have designers work on it, get someone to build it, and launch.
But that belies a whole lot more. There’s so much more happening before a developer sits down and writes that first line of code.
Every campaign also comes with decisions. Decisions about messaging, banner formats, animation, assets, tracking, quality assurance and platform requirements. If you don’t factor those decisions in, it almost always comes back later to bite you as a production delay, another approval round or a last-minute rebuild.
Take something as simple as banner copy.
A headline that works perfectly in a 300×250 unit may be too long for a 320×50 mobile banner. A legal disclaimer might technically fit, but become unreadable once animation timing is added. Product imagery that looks great in a social post may crop poorly across display formats.
The good news is that none of these are development problems. They’re planning problems, which we’ll cover how you can address with AI.
Where AI adds value in HTML5
Most conversations about AI focus on generating content.
While AI can churn out impressive content in short-time, it’s truly found its place in our creative production workflow for its ability to help organise information.
Campaign briefs often arrive as a mixture of things. Presentation slides, email threads, media plans, stakeholder comments and creative ideas. Before anyone starts designing banners, you need to somehow translate that information into a clear production brief.
AI is particularly good at helping teams:
- summarise complex briefs
- identify missing information
- organise messaging priorities
- highlight production risks
- draft structured briefing documents
- prepare developer handovers
Did you notice something missing from that list?
I deliberately left out what relies on experienced workers. Design decisions. Creative judgement. Technical implementation.
The goal isn’t to let AI make production decisions. It’s to help everyone start with a better brief, to save time reworking and redoing.
AI prompting tip: Start with the brief, not the banners
One of the simplest ways to improve campaign production is to ask AI to review the brief before any creative work begins.
Instead of asking for banner concepts, ask questions like:
What information is missing before this campaign can move into production?
A useful review might identify:
| Brief elements | Questions to answer |
|---|---|
| Campaign objective | Is the CTA final? |
| Target audience | Does messaging change by audience? |
| Required banner sizes | Which need unique layouts? |
| Product assets | Are all assets approved? |
| Media plan | What tracking or platform requirements apply? |
That kind of review won’t replace a production lead, but it will often surface problems while they’re still easy to fix.
In our experience, production delays are rarely caused by code. They’re more often caused by unanswered questions that should have been resolved before development began.
Build the messaging hierarchy before the layouts
HTML5 banners have very little space.
That makes message prioritisation more important than message generation.
Before anyone starts designing layouts, the team should know:
- What’s the single most important message?
- What supports it?
- What’s essential across every format?
- What can change depending on available space?
AI can quickly suggest different messaging structures (problem-led, benefit-led or feature-led) . But in the end, choosing the right one still depends on campaign goals, audience and brand.
AI can give your team a structured starting point before creative decisions are made.
Plan formats before production starts
One campaign rarely means one banner. Most campaigns need multiple sizes, devices and placements, each with different constraints.
Speaking from experience, treating every banner as a simple resize is one of the quickest ways to create unnecessary production work.
Instead, AI can help identify where layouts are likely to diverge.
For example:
| Format | Production consideration |
|---|---|
| Mobile banners | Shorter copy and simplified animation |
| Medium rectangles | Space for product, message and CTA |
| Leaderboards | Horizontal layouts and tighter spacing |
| Rich media | Interaction, performance and fallback behaviour |
| Media plan | What tracking or platform requirements apply? |
This kind of planning helps teams decide where a master layout will work and where a format deserves its own creative treatment.
It also prevents unwanted surprises once development begins!
How to turn a campaign brief into a production brief
A good production brief doesn’t just describe what the campaign should look like. It tells developers exactly what they need to build.
That usually includes:
- approved messaging
- required formats
- asset locations
- animation behaviour
- tracking requirements
- file size limits
- platform specifications
- QA requirements
- outstanding questions
AI can draft that structure in minutes.
One prompt we find useful is:
Review this campaign brief and create a production brief for HTML5 banner development. Include approved messaging, required formats, asset requirements, animation notes, tracking needs, QA checks and any missing information. IMPORTANT: Don’t invent missing details, but flag them instead.
That last instruction matters.
AI is very good at filling gaps. Unfortunately, production briefs aren’t the place for hallucinations and educated guesses.
And remember, every production-critical detail still needs human review.
Better planning leads to smoother production
One of the biggest advantages of AI is how it helps you count for what you might miss the first time around.
When campaign requirements are organised before design starts, teams spend less time clarifying basic questions during production.
Instead of discovering halfway through development that mobile banners need different copy or that key assets haven’t been approved, those issues can be identified upfront.
That means:
- fewer revision rounds
- cleaner developer handovers
- more consistent banner sets
- fewer last-minute surprises before launch
AI doesn’t remove complexity, but rather makes that complexity easier to see earlier, which ultimately makes everything easier to manage.
Where human expertise still matters
Now, AI can help organise a campaign. That’s for sure.
But it can’t judge whether the campaign is the right one.
AI can’t know if a headline weakens your brand message. Or when an animation feels rushed. Or when a legal disclaimer makes a banner impossible to read.
It won’t understand how different ad platforms behave in practice, or when a technically correct solution actually leads to a poor user experience.
Those decisions still come from experience.
At AGCS, we see AI as another production tool. It’s useful for analysing briefs, organising information and preparing documentation, but it has – and never will be – a substitute for creative thinking, technical expertise or quality assurance.
Speaking from experience, we know the best-performing campaigns are the ones that start with the clearest plans. Not the ones that use the fresh-off-the-market genAI tools.
A simple AI-assisted workflow you can use
For teams exploring AI in campaign production, the process doesn’t need to be complicated.
A practical workflow looks like this:
- Review the campaign brief.
- Use AI to identify missing production information.
- Agree the messaging hierarchy.
- Plan formats and production requirements.
- Generate a structured production brief.
- Review everything with the production team before design and development begin.
Don’t approach it like you’re automating campaign production, but rather ensuring everyone starts with the same understanding of what needs to be built.
Final thoughts
The biggest misconception about AI in HTML5 campaign production is that it speeds up development.
In our experience, its greatest value comes much earlier. It helps transform rough campaign briefs into structured production plans that are easier for designers, developers and stakeholders to work from.
That’s important because successful HTML5 campaigns aren’t built on good code alone. Good HTML5 campaigns are built on clear messaging, realistic planning and well-structured handovers before development even begins.
AI can help create that structure, but experienced people are still the ones who turn it into a campaign that launches successfully.
Want help integrating AI into your creative workflow?
Our team is happy to discuss possible creative strategy, video concept development, and testing processes for your team and industry that help you create content with confidence.
Not convinced yet? Explore our HTML5 banners to see how we create responsive, rich media banner ads that look and perform beautifully across different platforms.
