Google Display Ads have only a few seconds to attract attention, communicate a message, and guide users toward an action. Small design decisions – from headline size and spacing to CTA placement and background graphics – can significantly change what viewers notice first.
But optimizing a display ad is not simply a matter of making every element more noticeable.
In this case study, we used Attention Insight’s predictive eye-tracking technology to optimize a Google Display Ad for a live webinar, The Future of AI in Marketing. Across four main design versions, we tested how changes to visual hierarchy, element visibility, contrast, and complexity affected predicted attention.
The process increased the Visual Performance Score from 54 to 70, while producing a much clearer hierarchy between the main message, offer details, and primary CTA.
More importantly, the experiment revealed something useful about how to optimize Google Display Ads: improving one metric does not necessarily improve the design as a whole.
This is a pre-launch creative optimization study based on predicted visual attention, not measured campaign performance. The improvements reflect changes in predicted visual performance rather than actual increases in click-through rates (CTR), webinar registrations, or conversions.
The Goal: Optimize a Google Display Ad for Registrations
The banner promoted a free live webinar titled The Future of AI in Marketing.
The campaign’s business goal was to encourage webinar registrations by prompting users to click the “REGISTER NOW” CTA button. However, rather than measuring actual clicks, registrations, or conversions, this study focused on a measurable design objective: improving predicted CTA visibility while maintaining a clear visual hierarchy between the main message, webinar details, and primary action.
To evaluate this design objective, we defined three key Areas of Interest (AOIs):
- CTA Button – “Register Now”
- Main Message – “The Future of AI in Marketing” headline
- Offer Details – the webinar date and time
The objective was not to distribute attention equally between these three elements. A successful ad needed a clear hierarchy: users should first understand the main message, then register the supporting event information, and finally notice the CTA.
We used CTA Visibility as the analysis goal and tested each iteration using Attention Insight.
Why Predictive Attention Matters for Google Display Ad Optimization
Traditional design review can tell us whether something looks prominent, but that does not necessarily tell us where visual attention is likely to go.
Predictive eye-tracking provides another layer of evidence.
Attention Insight generates AI-powered attention heatmaps and predicts how viewers are likely to distribute their visual attention before a campaign goes live. Instead of relying only on subjective judgment, designers can compare iterations using predicted attention patterns and measurable Areas of Interest.
For this experiment, we looked at both individual AOI percentages and the broader Visual Performance Score, which evaluates the design across several categories:
- Element Visibility
- Visual Hierarchy
- Attention Focus
- Contrast
- Visual Complexity
- Text Load
This distinction became particularly important during the optimization process.
Setting Up the Google Display Ad Analysis
Before making design changes, we uploaded the original fixed-size 300 × 600 Google Display Ad to Attention Insight and selected CTA Visibility as the analysis goal. Unlike fixed-size banners, responsive display ads may combine and adapt assets differently, so their final compositions should be evaluated separately.
We then defined three Areas of Interest according to their role within the ad:
Primary CTA – Critical
Main Message – Major
Offer Details – Minor
Defining these AOIs allowed us to measure how predicted attention was distributed between the key elements rather than judging their visibility only by eye.
Reading the Attention and Score Evaluation Results
Once the design is analyzed, Attention Insight provides several layers of information.
The heatmap shows where visual attention is predicted to concentrate, while Percentage of Attention measures how much predicted attention falls within each defined AOI.
The platform also provides Insights that compare individual AOIs with reference values. For example, an Insight may indicate that CTA visibility is lower or higher than the average for similar elements.
These messages provide useful context for the percentages: instead of seeing only that an element received a certain share of attention, we can understand whether its predicted visibility is relatively strong or weak for its role.
The broader Score Evaluation then assesses the composition across Element Visibility, Visual Hierarchy, Attention Focus, Contrast, Visual Complexity, and Text Load.
Starting Point: A Visually Competing Banner
The initial banner contained all the information users needed, but several elements competed for attention.
The headline, date and time, CTA, cyan glow, purple mesh graphic, and additional supporting text all contributed visual weight. Although the design was visually engaging, the attention path was less controlled than we wanted.
The initial analysis produced a Visual Performance Score of 54.
The predicted attention distribution across the three key AOIs was:
| Area of Interest | Attention |
|---|---|
| Main Message | 43.4% |
| Offer Details | 7.8% |
| Primary CTA | 8.4% |
The headline was already attracting substantial attention, but both the offer details and CTA were comparatively weak.
The broader evaluation supported the same conclusion. Element Visibility, Visual Hierarchy, Contrast, and Visual Complexity were marked Critical, while Attention Focus still needed improvement.
The challenge was therefore not simply to make the headline stronger. We needed to improve the supporting information and CTA without destroying the hierarchy that was already forming around the main message.
Iteration 1: Improving CTA Visibility
The first round of optimization focused on reducing unnecessary competition around the key conversion elements.
We removed the decorative cyan glow from the top of the banner and introduced the purple mesh graphic toward the bottom, reducing visual competition around the headline. We also moved the webinar date and time above the CTA and enlarged the “REGISTER NOW” button, positioning it across the bottom edge of the central information box. These adjustments created a clearer separation between the main message, event details, and primary action, while giving the CTA greater visual emphasis.
The result improved the Visual Performance Score from 54 to 60.
Attention was distributed as follows:
| Area of Interest | Attention |
|---|---|
| Main Message | 35.1% |
| Offer Details | 7.5% |
| Primary CTA | 17.3% |
The most significant improvement was the CTA.
Predicted CTA attention increased from 8.4% to 17.3%, more than doubling its original share. Visual Hierarchy and Contrast also passed in the broader evaluation.
However, the Offer Details remained weak at only 7.5%.
This illustrates an important point when optimizing display ads: strengthening one element can redistribute attention rather than simply adding attention everywhere.
Iteration 2: Strengthening the Supporting Information
The next iteration focused more directly on the event details while preserving the improved CTA visibility.
We made the webinar date and time larger, bolder, and white to increase their prominence, while removing the secondary “Live Q&A Included” line. The headline was changed to bright cyan italic lettering, creating stronger visual contrast. We also updated the “REGISTER NOW” button with a white fill and glowing cyan outline, moving it fully inside the central information box rather than allowing it to overlap the bottom edge. These adjustments aimed to strengthen the visibility of the event details and CTA while creating a more cohesive visual hierarchy.
The Visual Performance Score increased again, reaching 62.
This version produced:
| Area of Interest | Attention |
|---|---|
| Main Message | 37.5% |
| Offer Details | 18.9% |
| Primary CTA | 16.0% |
At the AOI level, this looked extremely promising.
The Offer Details jumped from 7.5% to 18.9%, while the CTA retained 16.0% of predicted attention. All three AOIs now performed strongly.
However, the broader design evaluation revealed a different picture.
Despite the strong individual AOI results, the design still showed weaknesses in Visual Hierarchy, Attention Focus, and Visual Complexity.
This version was therefore an important intermediate step rather than the finished design.
Strong AOIs Do Not Automatically Mean a Stronger Design
It can be tempting to optimize until every Area of Interest produces the highest possible percentage.
But visual design does not work that way.
Attention is finite. When one element becomes more prominent, attention may shift away from another. Increasing the visibility of multiple elements can also make the composition more competitive and weaken the overall hierarchy.
Predictive eye-tracking results therefore need to be interpreted in relation to the intended hierarchy of the design, rather than treated as independent scores that should all be maximized.
This iteration demonstrated that clearly: its individual AOIs performed well, yet the complete design was still less balanced than it could be.
That led to one final round of refinement.
Final Design: Optimizing the Overall Attention Hierarchy
For the final version, we focused less on maximizing every individual AOI and more on creating the strongest overall attention structure.
We simplified the composition by removing the dark central information box and the “FREE LIVE WEBINAR” label, giving the main content more breathing room. The headline was redesigned in uppercase cyan italic lettering with increased letter spacing, while the webinar date and time were condensed into a single line inside a rounded, gradient-outlined box. We retained the white “REGISTER NOW” button with its glowing cyan outline and positioned it separately below the event details. The decorative mesh was replaced with a smoother purple and cyan wave along the bottom, reducing visual competition around the key information.
The result was the strongest overall version.
The Visual Performance Score increased to 70, moving the design into Strong Visibility.
The final predicted attention distribution was:
| Area of Interest | Attention |
|---|---|
| Main Message | 41.9% |
| Offer Details | 16.1% |
| Primary CTA | 19.8% |
Compared with the previous iteration, Offer Details received slightly less attention, but the CTA increased and the broader design became substantially stronger.
Most importantly, five of the six evaluation categories passed:
| Evaluation Category | Final Result |
|---|---|
| Element Visibility | Critical |
| Visual Hierarchy | Passed |
| Attention Focus | Passed |
| Contrast | Passed |
| Visual Complexity | Passed |
| Text Load | Passed |
Only Element Visibility remained Critical because the Offer Details were still below the system’s average visibility benchmark.
That did not mean the final design was unsuccessful.
In fact, the hierarchy was now much closer to the intended communication sequence:
Main message → supporting event details → primary CTA
The headline commanded the largest share of attention, while the CTA became the second-strongest actionable area.
Using AI Recommendations and Generate Design Variant
Attention Insight’s AI Recommendations identified the remaining weakness directly: Offer Details had below-average visibility.
The recommendations suggested increasing the prominence of the date and time and adjusting its visual relationship with the CTA.
Importantly, this was a relatively isolated issue. In the final 70-point design, Visual Hierarchy, Attention Focus, Contrast, Visual Complexity, and Text Load had all Passed. Rather than suggesting that the entire composition needed to be redesigned, the results pointed to one remaining area that could potentially be improved.
The platform’s Generate Design Variant feature could then visualize a possible solution based on those recommendations.
This extends the workflow beyond simply identifying a problem:
Insight → Recommendation → Generate Design Variant → Designer evaluation → Retest
The generated variant provided another direction to consider, but we treated it as a suggestion rather than an automatically improved final design.
AI-generated recommendations can be useful for exploring changes to hierarchy, contrast, positioning, size, or prominence. However, the output still needs to be assessed using design judgment.
In some generated directions, elements can become exaggerated simply to increase visibility. A larger or more prominent element may improve one predicted metric while making the overall composition less balanced.
The most useful approach is therefore not:
AI recommendation → accept
but:
AI recommendation → evaluate → adapt → test → compare.
Testing the Recommendation: Why a Higher Individual Metric Wasn’t Better
To test whether the remaining Element Visibility issue should actually be corrected, we created another variation in which Offer Details were made slightly more prominent.
The targeted metric improved:
| Area of Interest | Final Design | Additional Test |
|---|---|---|
| Main Message | 41.9% | 39.5% |
| Offer Details | 16.1% | 16.5% |
| Primary CTA | 19.8% | 18.4% |
The additional test produced only a marginal increase in predicted attention to Offer Details. However, the overall Visual Performance Score decreased from 70 to 68. Visual Hierarchy moved from Passed to Needs Improvement, while Attention Focus became Critical.
So although the specific element we were targeting improved slightly, the overall design became weaker.
We therefore rejected this additional test and retained the 70-point version as the final design.
This was an important validation step. Without retesting, it would have been easy to assume that increasing Offer Details visibility automatically made the banner better.
It didn’t.
This demonstrates why optimization should not become an attempt to force every individual metric into the green.
Comparing the Four Google Display Ad Versions
Looking across the four main versions shows how the banner evolved:
| Version | Visual Performance Score | Main Message | Offer Details | Primary CTA |
|---|---|---|---|---|
| Original | 54 | 43.4% | 7.8% | 8.4% |
| Iteration 1 | 60 | 35.1% | 7.5% | 17.3% |
| Iteration 2 | 62 | 37.5% | 18.9% | 16.0% |
| Final Design | 70 | 41.9% | 16.1% | 19.8% |
The progression was not linear across every metric.
Iteration 2 (Google Banner 3), for example, achieved the highest Offer Details percentage at 18.9%. But its broader visual evaluation still identified weaknesses in hierarchy, focus, and complexity.
The final design reduced Offer Details attention slightly to 16.1%, while achieving the strongest overall Visual Performance Score, passing five of the six evaluation categories, and increasing Primary CTA attention to 19.8%.
Looking only at individual AOI percentages could therefore have led us to choose the wrong version.
What We Learned About Optimizing Google Display Ads
This experiment demonstrates why Google Display Ad optimization should involve more than simply making important elements bigger, brighter, or more visually dominant.
The strongest design was not the version in which every individual AOI reached its highest value.
Instead, it was the version in which the elements worked together most effectively.
1. Attention is a hierarchy, not a collection of independent scores
Increasing attention to one element can reduce attention elsewhere. That redistribution is not automatically negative.
The relevant question is whether attention is being distributed according to the intended communication hierarchy.
2. Individual AOI results need broader design context
The 62-point iteration produced strong AOI percentages, particularly for Offer Details, but the wider evaluation still identified problems with hierarchy, focus, and complexity.
The final version had slightly lower Offer Details attention but performed substantially better as a complete composition.
3. More attention is not always better
Our additional test marginally improved Offer Details visibility but reduced the overall Visual Performance Score, reinforcing the importance of evaluating the complete composition.
A successful ad does not need every element to attract maximum attention. Some elements should dominate; others should support them.
4. Every optimization should be validated
Even a logical design change can have unexpected consequences.
Without retesting the final adjustment, we might have assumed that improving the remaining weak AOI automatically improved the banner.
Predictive attention testing showed otherwise.
Using Predictive Attention to Optimize Google Display Ads Before Launch
Google Display Ads compete for attention in crowded visual environments, making clear visual hierarchy essential.
This case study demonstrates how Attention Insight’s predictive eye-tracking technology can help designers evaluate creative decisions before launch. By combining AOI analysis, broader visual performance evaluation, and iterative testing, we identified a banner that better balanced the main message, webinar details, and CTA.
The strongest version was not the one that maximized attention to every element, but the one that achieved the most effective overall hierarchy.
Ultimately, optimizing Google Display Ads means directing predicted attention toward the right elements, in the right order, while validating each design decision against the campaign’s communication goals.
