divulgar loja virtual |

Como criar um banner para sua loja virtual

Veja como criar um banner para a sua loja virtual utilizando o Canva, uma ferramenta disponível gratuitamente na internet

Sueida Johann

Sueida Johann

Preparamos este tutorial especialmente para você, lojista, que deseja aprender como criar um banner para a sua loja virtual e, assim, promover ainda mais a divulgação de sua loja, de seus produtos, ou de algo específico, como uma super promoção de seu estoque.

Podemos dizer que o banner que é exibido na página inicial da sua loja é o elemento que, em um primeiro momento, mais recebe atenção.

Por esse motivo, você deve utilizá-lo quando quiser passar mensagens importantes, como mudanças no sistema da loja, troca de coleção e divulgação de promoções! Ele precisa exibir, de forma clara e objetiva, a mensagem que você quer passar, por isso, precisa ser desenvolvido com muita atenção.

A ferramenta sobre a qual vamos falar aqui é o Canva, que por sinal é gratuito e pode ser utilizado facilmente no seu computador na sua casa!

Então vamos começar?

1. Planejamento

Antes de começar a criar o seu banner, é legal já planejar como quer fazê-lo. Algumas dicas: se quer selecionar alguma imagem específica, prefira as gratuitas, para não ter problemas com direitos autorais, ou use imagens de autoria própria, como fotos ou ilustrações criadas por você ou por seus amigos. Selecionamos alguns banco de imagens gratuitos para ajudar nesta questão:

A fonte e as cores devem combinar com o estilo da sua loja. O importante é ser consistente com a identidade visual da sua empresa. Isso significa não escolher uma fonte elegante para uma loja “despojada”, e vice-versa. Não utilizar cores pastéis se o tema da sua loja inteira usa cores vibrantes. Enfim! Seguir a mesma identidade visual que sua loja virtual já possui, com formas, imagens e demais formatações.

Ah! E procure ser simples, afinal as pessoas se distraem facilmente com excesso de detalhes e acabam não prestando atenção no que você quer dizer, que é o mais importante!

2. Conhecendo o Canva

Ao se cadastrar e realizar o login no site do Canva, você pode utilizar os recursos “free” que eles oferecem. Fiquem atentos, porém, porque eles possuem alguns elementos pagos para utilização também, mas normalmente esses recursos são bem baratinhos (cerca de U$1).

como criar um banner 1

2.1. Tamanho do banner

Antes de qualquer coisa, você vai acessar o link abaixo e verificar qual o tamanho do banner recomendado para o tema que você está usando:

Tamanhos de imagens recomendados para logos, banners e produtos

Feito isso, lá no Canva, na primeira página, você vai selecionar a opção “Usar dimensões personalizadas”, para personalizar o tamanho do seu banner de acordo com o tema.
como criar um banner 2

Como informado lá no artigo dos tamanhos das imagens, você vai adicionar as dimensões na caixinha que aparecer:

como criar um banner 3

Depois que você definir esses números, vai aparecer uma tela com as medidas certinhas que você informou. Então, você vai precisar escolher um layout para o seu banner.

2.2. Layout

O layout vai determinar a quantidade de partes em que seu banner vai ser dividido e o posicionamento dessas partes dentro do espaço que você informou nos campos de medidas.

Nessa tela, você vai escolher o modelo de layout que o banner vai ter. Tem como criar banners de tudo que é jeito. Com uma imagem inteira, dividida, várias imagens, na diagonal, na horizontal, vertical. São muitas opções!

como criar um banner 4

De início, o Canva vai apresentar uma tela em branco, como esta abaixo.
* Se você quiser (e souber como) fazer uma animação ou se precisar criar uma série de banners, você pode clicar no botãozinho “+ Adicionar nova página”, para duplicar esse modelo de layout quantas vezes você quiser.

como criar um banner 5

2.3. Elementos

Agora que definimos o Layout, vamos apresentar para você o menu de Elementos!Como tem muita coisa, nós numeramos as opções para descrevê-las individualmente.

como criar um banner 6

1 – Fotos gratuitas: O Canva oferece um banco de imagens que podem ser utilizadas gratuitamente e algumas outras são disponibilizadas com um custo simbólico.
2 – Grades: Você consegue dividir a tela daquelas formas que falamos antes com essa opção.
3 – Frames: É mais ou menos como os Grids, só que aqui você tem como aplicar efeitos, molduras e formatos (no caso de você querer um banner redondo, por exemplo).
4 – Formas: Não tem muito o que dizer, aqui você tem acesso à diferentes formas (triângulos, corações e nuvens) para adicionar no seu banner.
5 – Linhas: Se você achava que uma linha era algo simples e padrão, vai ficar chocado com a quantidade de linhas (pontilhadas, duplas, coloridas, onduladas) que vai encontrar no Canva!
6 – Ilustrações: São desenhos bem bacanas que você pode utilizar no mesmo esquema das imagens (custo simbólico em algumas, mas a maioria são oferecidas de graça!).
7 – Ícones: Símbolos simplificam as imagens e as deixam menos poluídas. Aqui você encontra vários ícones para incluir no seu banner.
8 – Gráficos: Aqui tem vários tipos de gráficos para você criar. O legal dessa opção é que você pode inserir valores personalizados para ilustrar suas estatísticas!
9 – Eu amo o Canva: Para os fãs que querem adicionar uma propagandinha dessa ferramenta fenomenal, tem alguns ítens que te permitem dar um crédito à eles.

2.4. Fundo

Explicados os elementos, vamos pular a opção de texto rapidinho para mostrar uma característica do fundo do seu banner.

Sugerimos que você faça o mesmo, pois antes de começar a enfeitar tudo com ícones e textos, o ideal é deixar a tela pronta para receber os elementos!

Na opção FUNDO você consegue criar fundos de uma única cor e com padrões.

como criar um banner 7

2.5. Uploads

Aqui você consegue adicionar imagens do seu computador, como fizemos com essas fotos de animais que baixamos em um banco de fotos sem direitos autorais. Dessa forma, ninguém vai ficar incomodado de ter seu trabalho utilizado sem permissão.

como criar um banner 8

2.6. Texto

Pronto! Aqui você pode criar textos com modelos pré-definidos ou do zero. Eles podem ser grandes, médios, pequenos, coloridos, com transparência, e você também consegue editar a fonte.

como criar um banner 9

Como você pode ver, o Canva oferece opções de centralizar, espaçar, mudar o tipo de fonte e cor do letterin.

O legal é você ter em mente que a fonte do seu banner precisa combinar com o lettering que está lá na sua loja (lembra da nossa dica no começo do tutorial, né?).

2.7. Imagens

Você também pode editar, dentro do Canva mesmo, as fotos que colocou no banner! Pode cortar, ampliar, ajustar as cores e aplicar diversos filtros. Para as opções aparecerem é só selecionar as imagens!

como criar um banner 10

2.8. Cores

A maioria das formas, fontes, linhas e molduras podem ter a cor que você quiser! E você não precisa utilizar apenas um número limitado de cores que eles disponibilizam.

A opção “Cores do documento” permite encontrar e guardar qualquer cor que você deseja (e, pra quem manja, tem até o código RGB hexadecimal da cor discriminado para ajudar a padronizar tudo direito).

como criar um banner 11

2.9. Salvar

Depois de editar todos os elementos do seu banner e deixar tudo do jeito que você queria, é só salvar! Recomendamos o formato PNG que preserva as transparências e tem uma qualidade melhor.

como criar um banner 12

2.10. Veja como fica!

Acabamos nos empolgando um pouquinho com o Canva e criamos alguns banners com exemplos de como você pode divulgar suas promoções. Veja:

como criar um banner 13

como criar um banner 14

como criar um banner 15

como criar um banner 16

Esperamos que esse tutorial possa ajudar você a criar um banner personalizado para sua loja virtual, e com uma qualidade bem profissional! Então, mãos à obra lá no Canva, muita criatividade e boas vendas!