8 ways to make a perfect display advertising banner
Making a perfect display advertising banner is making your ad stand out and increase its reach by resonating with consumers by sending them a creative yet engaging message.
Have you ever thought why your campaign may have not been as successful as you initially planned? Have you ever considered why people don’t click on it?
Below are a few key points to consider when making your perfect banner ad:
Be interactive – it can improve your brand awareness by even 63%.
Use banner space wisely – do not put too much information otherwise the viewer will get irritated and will close it without exploring further.
Compelling images – choose pictures that are not boring, fake or casual.
Send a creative message, that would make the consumer think, answer or agree instead of reading a bald statement.
Use unique call to action option instead of basic click, simple example might be a “fortune wheel” rich media banner, that spins when hovering your mouse over.
Use design appropriate to your targeted audience.
Use strong words that will intrigue and grab viewers attention.
Do not be afraid of little humour – it makes your ad more memorable.
/* Blu Mint table - polished */
.bm-table-wrap{
margin: 28px 0 36px;
border: 1px solid rgba(0,0,0,.10);
border-radius: 14px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,.04);
}
table.bm-table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
font-size: 16px;
line-height: 1.55;
}
table.bm-table thead th{
text-align: left;
font-weight: 800;
padding: 14px 16px;
background: rgba(86,188,205,.10); /* cyan tint */
border-bottom: 2px solid #56BCCD; /* Blu Mint cyan */
}
table.bm-table td{
padding: 16px;
vertical-align: top;
border-bottom: 1px solid rgba(0,0,0,.08);
}
table.bm-table tbody tr:last-child td{
border-bottom: none;
}
table.bm-table tbody tr:hover{
background: rgba(202,46,137,.04); /* subtle magenta hover */
}
/* Column widths */
table.bm-table th:nth-child(1),
table.bm-table td:nth-child(1){ width: 22%; }
table.bm-table th:nth-child(2),
table.bm-table td:nth-child(2){ width: 34%; }
table.bm-table th:nth-child(3),
table.bm-table td:nth-child(3){ width: 44%; }
/* Approach labels */
.bm-label{
font-weight: 800;
color: #111;
border-left: 4px solid #CA2E89; /* Blu Mint magenta */
padding-left: 12px !important;
}
/* Mobile: keep readable without crushing columns */
@media (max-width: 768px){
.bm-table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.bm-table{ min-width: 760px; } /* forces horizontal scroll */
}
