One of the most common problems when creating an online banner is to achieve an attractive design without having technical knowledge. To help you achieve that goal, we previously told you about the importance of your brand’s visual identity.
This time, we want to delve a little deeper and tell you exactly how to design a banner completely independently for your online store.
A banner is a graphic piece within your website that is used to announce something in particular such as a promotion, an offer, a new product or simply contact information or your social networks.
Are you ready to learn the 5 keys on how to make a banner?
1. It has to be simple
Keep in mind that banners are graphic pieces with a very limited space, so the message to be communicated must be concise and this can only be achieved with a simple design. Many elements in your banner can be counterproductive because distract the user from the end goal which is that they click on your banner.
Look at the following example:
2. You have to choose the correct vocabulary
For your banner to be as effective as possible you have to carefully choose the words you are going to use. Remember: less is more.
In relation to the text format, we recommend using two different sizes to define greater and lesser importance in the hierarchy of elements and the same font for all the text (make sure to use the font corresponding to your brand).
3. You have to use a hierarchy
In a banner, and in any graphic piece, there will always be elements that are protagonists and others that belong to the cast, this means that there will be components that stand out the most and will be the ones that attract the human eye so that they are interested in your banner.
This balance between elements will help you the message is clear.
Within this hierarchy of components, which can be photos, text and other miscellaneous items such as geometric shapes, you have to consider that there is a structure to follow to design a complete banner:
- Value proposal: it is a strategy that is used in which, optimizing the offer, the demand is maximized. In this case will be the message to be communicated, which must be attractive enough for the user to value and be interested in it. For example: “30% discount”, “Free shipping nationwide”, “Limited time offer”, “Follow us on Instagram to participate in contests, etc. Look at the following example:
- Image accompanying the message: remember that “an image is worth a thousand words”, so make sure to enhance the message of your banner with an image, it can be a photograph or an illustration.
- call to action: it is a simple text that invites the user to carry out the proposed action immediately, in which the imperative tense is generally used, such as “Use the coupon”, “Register now”, “See the details”, “Learn more”, etc.
4. It has to have a border that frames it
This tip will only apply if your banner has the same background as your site. The eye divides and organizes what we see, that’s why if you want your online banner don’t get lost with the rest of the elementsadding a border will help you in this task.
5. It has to align with your brand design
Last but not least, align the style of your banner to that of your brand. Again, remember that being consistent with your design has a more positive impact because it prevents misplaced elements from causing confusion.
If you are already an expert using design programs, we recommend you use , , or you have free alternatives such as and .
It’s time to get going!
Facebook Comments
Disqus