Como criar imagens de heróis bonitas (e persuasivas) para sua loja online

Publicados: 2015-01-06

A maioria das lojas on-line e modelos de temas têm um componente importante em comum, uma imagem grande em destaque ou uma série de imagens exibidas com destaque na página inicial.

Essas imagens são frequentemente chamadas de imagens de herói, banner ou carrossel. Não importa como você os chame, eles são os mesmos e desempenham um papel muito importante para os negócios online.

Neste post, veremos a importância das imagens de heróis, apresentaremos algumas práticas recomendadas para usá-las, além de fornecer algumas ferramentas e recursos gráficos incríveis para ajudá-lo a criar imagens de heróis bonitas e persuasivas para sua loja online.

Vamos cavar nele.

Lista de leitura gratuita: dicas de design de loja online

A aparência da sua loja online pode ter um grande impacto nas vendas. Liberte seu designer interior com nossa lista gratuita e selecionada de artigos de alto impacto.

Localização, localização, localização.

Uma imagem de herói ocupa a maior parte do espaço imobiliário na página mais vista de todo o seu site, a página inicial. Este é o principal imóvel no mundo online e significa que as imagens de heróis podem ser um ativo muito valioso para o seu negócio, se usadas corretamente.

Essas imagens grandes estão por toda parte, basta dar uma olhada em alguns dos temas mais populares na Shopify Theme Store. A maioria apresenta uma imagem de herói proeminente:

O propósito das imagens de heróis

Você pode usar este valioso imóvel para diversos fins, dependendo do seu negócio e objetivos. Vamos dar uma olhada em algumas das abordagens mais comuns para usar imagens de heróis abaixo:

1. Para ajudar a construir sua marca e contar sua história

Um uso potencial do espaço de imagem principal da sua página inicial é ajudar a construir sua marca. Este método pode ser particularmente eficaz para o seu negócio e os seus produtos têm uma grande história que se soma ao . Use sua propriedade principal para este método envolve apresentar informações importantes que educam seus visitantes sobre a história de sua marca.

2. Para responder às perguntas dos clientes

Outra abordagem comum é apresentar respostas a uma pergunta comum. Isso pode ser uma resposta à sua objeção mais comum ou para responder a perguntas urgentes que seus visitantes possam ter. Por exemplo: “Frete grátis para os EUA”.

3. Para destacar sua proposta de valor

Talvez o uso mais importante desse espaço seja explicar a proposta de valor da sua marca. Sua proposta de valor explica exatamente para seus clientes o valor que seus produtos entregam a eles. Que melhor lugar para informar seus clientes sobre sua proposta de valor do que diretamente em sua página inicial, onde a maioria dos visitantes chega.

4. Para fazer um anúncio

Um dos usos mais proeminentes desse espaço chave é apresentar um anúncio como uma venda. A imagem principal da página inicial é um ótimo local para notificações de venda, pois atingirá o maior número de visitantes.

5. Para apresentar um produto ou linha de produtos

Finalmente, outro uso popular de imagens de herói é mostrar um produto ou uma linha de produtos específica. Isso pode ser perfeito para quando você lança novos produtos e deseja que eles recebam o máximo de atenção, além de apresentar produtos com a maior margem de lucro ou produtos que você está tentando liquidar.

Não importa o que você escolha fazer com esse espaço, há várias coisas que uma boa imagem de herói deve incluir. Vamos dar uma olhada nos elementos mais importantes de uma imagem de herói.

O que uma imagem de herói deve incluir?

Existem três elementos para fazer uma grande imagem de herói. Uma combinação cuidadosa de cada um desses elementos pode levar a uma imagem de herói persuasiva que compele o visitante a realizar a ação que você deseja, de acordo com sua meta de conversão.

Vamos dar uma olhada nos três elementos essenciais abaixo:

Imagem atraente - O olho humano adora imagens grandes, ousadas e brilhantes, e é precisamente por isso que uma ótima fotografia de produtos é tão importante. A imagem do herói não é diferente. Sua imagem de herói deve apresentar gráficos, imagens ou fotos de alta resolução e chamar a atenção. Quase todos os temas terão a resolução de imagem sugerida listada para que você saiba exatamente qual tamanho fazer suas imagens de heróis.
Cópia cativante - Sua cópia são as palavras que você usa para comunicar sua mensagem. Devido à natureza da imagem e ao tempo que você tem para comunicar sua mensagem, seu texto deve ser muito conciso e direto ao ponto.
Call-to-action forte - Finalmente, todas as imagens de heróis devem apresentar um call-to-action proeminente. Texto ou um botão que informa ao leitor a ação que você deseja que ele execute. Alguns exemplos incluem COMPRE AGORA, LEIA NOSSA HISTÓRIA, SAIBA MAIS etc.

Você deve girar suas imagens de heróis?

Você notará que muitos temas e sites apresentarão uma imagem de herói giratória que girará várias imagens a cada poucos segundos. Esse recurso é tipicamente amado pelos designers, pois apresenta um grande e lindo pedaço de imóveis para exibir seus ótimos designs, no entanto, os especialistas em usabilidade os desaprovam há um tempo devido à natureza perturbadora das imagens em constante movimento que geralmente estão fora de o controle do espectador.

Houve alguns testes feitos que mostram que as imagens de heróis rotativas além da primeira quase nunca são clicadas. A ConversionXL lançou um ótimo post falando sobre isso e sua recomendação foi abandonar os banners rotativos todos juntos.

A postagem faz referência a um estudo da Universidade de Notre Dame mostrando que a primeira imagem de cinco imagens recebeu 84% de todos os cliques.

O consenso geral é que, em vez de apresentar várias imagens de heróis em rotação, você deve se concentrar em uma única imagem. No entanto, a rotação de imagens pode ser adequada para o seu negócio e, com algum planejamento, pode funcionar muito bem para você.

Se você quiser usar imagens de herói rotativas para sua loja, considere o seguinte:

Use um estilo consistente em todas as imagens de herói.
Mantenha o conteúdo simples para que eles possam ser digeridos pelo seu leitor rapidamente.
Mantenha as imagens tão pequenas quanto possível em tamanho de arquivo para não diminuir o tempo de carregamento do seu site.
Reduza o número de slides ao mínimo e mostre apenas o que é realmente importante.
Torne a navegação óbvia e controlável para o leitor.

Como criar imagens de herói para sua loja online

Talvez o maior obstáculo para novos donos de lojas que não sejam de design ou de tecnologia seja criar belas imagens de novos heróis regularmente. No entanto, nos últimos anos, surgiram várias ferramentas que podem facilitar esse processo até mesmo para o empreendedor menos experiente em tecnologia.

De onde tirar as imagens:

Há um número infinito de lugares para ir on-line para encontrar imagens para as imagens de herói do seu site. Alguns são melhores do que outros embora. Para ajudar na sua pesquisa, listamos algumas das melhores fontes para você encontrar sua próxima imagem:

Recursos de imagem gratuitos e isentos de royalties

Burst by Shopify - (Grátis) Esta é uma nova plataforma de fotos para empreendedores. Você pode encontrar fotos de produtos de alta resolução e imagens de estilo de vida que são perfeitas para campanhas de marketing e mídias sociais. Centenas de novas fotos estão sendo adicionadas toda semana, então volte sempre se o seu nicho ainda não foi adicionado.

The Stocks - (Grátis) The Stocks reúne todas as melhores fotos livres de direitos autorais dos principais recursos em um site limpo e fácil de navegar. Nem tudo é pesquisável, então você pode ter que gastar algum tempo pesquisando em todos os recursos para encontrar bons ajustes para sua marca.

Death To Stock Photo (Grátis) Essas imagens gratuitas estão disponíveis apenas por e-mail. Como essas fotos são enviadas por e-mail uma vez por mês, é uma boa maneira de começar a criar sua própria coleção de imagens exclusivas que você pode usar no futuro.

Pixabay - (Grátis) Mais de 400.000 fotos, vetores e ilustrações de arte gratuitas.

Graphic Burger - (Grátis) Um ótimo recurso com fotos e imagens gratuitas para uso comercial.

PicJumbo - (Grátis) PicJumbo é um recurso muito bom para fotos gratuitas de alta qualidade. Uma seleção enorme e todas categorizadas facilitam a localização de ótimas imagens.

morgueFile - (Grátis) morgueFile existe há muito tempo e tem milhares de fotos gratuitas que podem ser pesquisadas.

Recursos de imagem pagos

Se você tiver um orçamento pequeno para trabalhar com suas imagens de herói, considere alguns dos recursos mais bem pagos para imagens e fotos de maior qualidade. Como eles são pagos, há menos pessoas usando-os na web, tornando suas imagens de heróis mais exclusivas.

Creative Market - (Pago) Um dos melhores marketplaces de imagens e gráficos. Os padrões de qualidade são altos aqui e os preços são razoáveis.

500px Prime - (Pago) Um recurso incrível para fotos de alta qualidade, lindas e exclusivas de fotógrafos de todo o mundo.

Dollar Photo Club - (pago) Apenas $ 1 por imagem e uma grande seleção de fotos premium.

Stocksy - (Pago) Outro ótimo recurso de curadoria de imagens de fotógrafos selecionados. As imagens variam de US$ 10 para imagens pequenas, US$ 25 para imagens de tamanho médio e US$ 50 para imagens grandes.

Claro, fotos de banco de imagens sempre serão apenas isso, fotos de banco de imagens. Se você tiver algum tempo e talvez um pouco mais de orçamento, considere fotografar sua própria fotografia de imagem de herói como Amos Brand.

Tirar suas próprias fotos não precisa ser caro ou complicado. Você ficaria surpreso com a qualidade das fotos que você pode obter do seu smartphone. Para começar, confira uma das aulas online gratuitas da CreativeLive sobre fotografia para entender o básico da fotografia.

Você também pode conferir nosso guia sobre como tirar ótimas fotos com seu smartphone. Muitas das dicas deste post também podem ser usadas para tirar belas imagens de heróis para sua página inicial.

Como montar uma imagem de herói:

Adobe Photoshop ($ 9,99/mês) é o programa de escolha entre artistas de design gráfico e fotógrafos, no entanto, tem um preço bastante alto e uma grande curva de aprendizado. A boa notícia é que existem várias alternativas muito mais amigáveis e gratuitas.

Pixlr - (Web-Based, Free) Um editor de imagens gratuito baseado na web e para download. Se você tiver alguma familiaridade com edição de imagens, verá que o Pixlr é bastante fácil e intuitivo de aprender. Infelizmente, sem experiência anterior em edição de imagens, você ainda pode achar o Pixlr um pouco difícil de navegar. Tente começar com o editor baseado na web.

Pixelmator - (OSX App $ 29,99) Pixelmator é um editor de imagens rico em recursos e poderoso para OS X que tem um custo nominal de $ 29,99.

Canva - (Web-Based, Freemium) O Canva é um aplicativo de edição de imagens baseado na web relativamente novo e vai além da simples edição de imagens. Seu objetivo é tornar o design simples para qualquer pessoa. O aplicativo facilita a seleção do tamanho da imagem que você deseja produzir e inclui elementos de design integrados, incluindo fotografias de estoque (gratuitas e pagas) e fontes.

PicMonkey (baseado na web, gratuito) PicMonkey esconde seu poder por trás de uma interface simples e intuitiva. Embora o PicMonkey seja gratuito, existe uma versão premium que oferece muito mais por uma pequena taxa mensal.

Conclusão

Aí está, o motivo, o propósito e os usos das imagens de um herói em sua página inicial. Alterar essas imagens com frequência mantém sua loja atualizada para repetir visitantes, mantém-na animada e leva os visitantes a realizar as ações mais alinhadas com suas metas de conversão.

Diga-nos nos comentários se perdemos um ótimo recurso para reunir ótimas imagens de heróis.