HTML5 ads are almost mini-websites and offer similar features. The following tips should help you create effective HTML 5 ads.
1. Choose the optimal banner size
There are actually 15 different sizes available. Each size helps meet different goals and fits with certain layouts. The five best-performing sizes are: 300×250, 336×280, 728×90, 300×600, and 320×100 .
It should be noted that wider banners tend to outperform narrow ones in terms of click-through rates.
2. Keep the text short
All of the most popular banner ad sizes are relatively small. Ideally, you should keep your ad to 10 words or less, covering just the essential details about your offer.
If you feel that you could benefit from using HTML 5 ads as part of your online advertising, there are a number of web design experts, such as thebannermen.com/banners/animated-ads/html5, who specialise in these.
3. Entice the clicks!
You need to provide visitors with something that they will really want to click on. Try to create a sense of urgency with something like “Only available now”. The other approach is to use a call-to-action (CTA) such as “Buy now for just ”.
4. Put your brand at the top
The first thing to bear in mind when designing your banner is your brand. You need visitors to know which company is advertising. To do this, either display your logo or brand name (or both) in the banner, or use fonts, colours, and visuals that are already associated with your brand.
5. Put your messages in order
Use a larger font and/or bolded words for the most important message, then smaller, non-bold words for the secondary message. Try to keep your text size to 10 points or less and consider using sans-serif fonts for clarity.
6. Draw a border around the ad
Sometimes it can be hard to know where the banner begins and the main content ends. To combat this, simply give your ad a border. This makes it stand out. The more visible it is, the more likely it is to be clicked on.