Voltar

Mini-Banners: Técnicas e Tendências

Ilustração modelo de mini-banner

É comum que clientes de web queiram propagar o seu site através da internet, entre os amigos e até mesmo entre a família. Por uma questão de marketing e também orgulho pessoal.

Às vezes também é necessário promover campanhas de marketing interna e externamente.

Para ambos objetivos a solução mais procurada é a confecção de mini-banners, propagandas menores que os banners atuais, que podem ser colocados ao lado das páginas (como no site do Geração Concursos), na parte central do site (como no site da Escola Técnica) ou acompanhando o banner no topo do site (como no novo layout da Dimesul - ainda em fase experimental).

Qualquer que seja o local escolhido, o mini-banner tem uma tarefa difícil e fundamental a cumprir. Chamar a atenção, sem ocupar muito espaço.

Para saber como, vamos estudar o banner do Curso Rápido de Sushi promovido pela Escola Técnica Geração.

A Escola Técnica estava para realizar um Curso Rápido de Sushi e precisava expor o material no site. Até aí tudo bem. Mas como mostrar aos visitantes que este curso estava disponível de uma forma mais convincente?

Decidimos colocar um chamariz na página principal do site, utilizando um banner. Até aí tudo certo, agora deveríamos pensar no objetivo principal. As pessoas devem associar o banner à comida japonesa, devem ler o que está escrito e sentir vontade de entrar, para ver os detalhes do curso.

Começamos com um degradée em cinza, criando uniformidade e adicionamos bordas brancas, para dar o espaçamento visual mais elegante na página

Retângulo com degradê e bordas brancas

Então o banner passa a ser um "teaser" (ou "provocante"), que incentiva os usuários a verem do que ele se trata clicando nele. Para isso escolhemos uma paleta de cores vivas e fortes (como o vermelho, preto e branco) mesclados a uma imagem da cozinha oriental.

Imagem mostrando como pode ser inserido um elemento "teaser" - foto de comida oriental colocada no canto inferior esquerdo do retângulo

Já temos algumas caracterísiticas da comida japonesa em um banner e uma figura chamativa, porém ainda falta um pouco de soyo em nosso banner.

Para dar um toque japonês escolhemos uma fonte (letra) oriental e escondemos ao fundo, com alguma transparência, para ficar um pouco mais subliminar.

Na seqüência, a imagem recebe uma escrita preenchendo todo o fundo

Para fazer ainda mais referências à cultura japonesa e, consequentemente sua comida, analisamos algumas peças publicitárias japonesas, captando algumas cores e formas utilizadas. Uma das características marcantes e sempre presentes são símbolos que lembram estrelas de muitas pontas, utilizadas como selos nos cantos das imagens, dando uma sensação de impacto. Geralmente são utilizados para conter a palavra "Novo" e similares e costumam ficar no canto das embalagens ou propagandas. Essa peça tem sido cada vez mais utilizada no ocidente, principalmente na Internet, por isso também é um aspecto visual importante. Adicionamos o selo, com a palavra "novo" escrita em fonte oriental, apenas para dar um toque.

A imagem recebe um selo em forma de estrela de muitas pontas no canto superior direito

Agora o texto que irá definir do que se trata o banner. Pela falta de espaço, temos que ser curtos e diretos. Os horários, locais, preços e contatos podem ser vistos depois, na página dedicada ao curso. O princial é que a pessoa se interesse e entre para ver essas informações.

Então primeiro dizemos o que é, usando as palavras "Curso Rápido de" em letras cursivas (ou curvas) para acrescentar glamour...

Imagem mostrando a inserção do texto sobre o que se refere o mini banner

... depois novamente recorremos à referência oriental na palavra Sushi, desta vez utilizando uma fonte (letra) que apenas lembra as letras orientais.

Em letras que lembram o estilo oriental é mostrado como inserir a palavra SUSHI de forma destacada, ao centro do retângulo

Depois repetimos a fonte da primeira frase para informar o nome do Chef responsável.

Imagem mostrando a inserção do nome do Chef responsável, abaixo da palavra SUSHI, centralizado e em letras pequenas

Para finalizar, o logo da Escola Técnica e um botão "saiba mais" em vermelho, é como uma criança gritando incessantemente "clica em mim, clica em mim".

Modelo de botão com a descrição "saiba mais"

Confira o resultado final

Imagem ilustrando o final do trabalho, com a inserção dos últimos elementos - o botão no canto inferior direito e a logomarca no canto superior esquerdo

Por Douglas d'Aquino