As imagens do seu site estão realmente contando a história?

Publicados: 2016-06-23

A cultura, a personalidade e o propósito da empresa podem ser projetados de duas maneiras. Essa empresa pode criar um site que se descreva e incorpore algumas imagens limpas e elegantes, talvez fotos de suas instalações.

Há também belas imagens de seus produtos com ótimas descrições, ou ícones/desenhos relacionados aos seus serviços. O site pode ser agradável de se ver e pode apresentar uma representação honesta da organização. Mas onde está o apelo pessoal? Onde está a alma da empresa? “Quem” é essa empresa?

Se uma empresa quer se tornar humana e conquistar o favor dos consumidores de hoje, então é o “quem” e não o “o quê” que deve aparecer em seu site e em todos os outros lugares em que ela se apresenta online. Muitas empresas fizeram isso, e os resultados foram que uma pequena ideia se tornou enorme, uma startup incipiente se tornou um negócio multimilionário. Isso não acontece por ter apenas um bom produto ou serviço. Isso acontece porque há uma conexão feita e alimentada entre essa empresa e o consumidor. E essa conexão é baseada em “quem” essa empresa é, não no que ela vende. É difícil descrever um “quem” em palavras, e é por isso que o design visual criativo sempre supera o texto.

Imagens

O conteúdo visual do seu site comunica mensagens, ainda mais do que palavras. Eles contam histórias sobre a empresa, sobre a marca, sobre as pessoas e sobre os eventos relacionados a essa empresa. Eles tornam a empresa e sua marca memoráveis.

Os profissionais de marketing e designers da empresa precisam dar uma boa olhada nas imagens que estão usando e, se essas imagens não estiverem enviando mensagens para a empresa e sua marca adequadamente, passar por um processo de renovação – criando e colocando em prática imagens atraentes e envolventes que enviem as mensagens certas. Aqui está um processo que funcionará.

  1. Determine a história que você vai contar. Você pode ter algumas histórias iniciais e pode ter novas histórias periodicamente, mas deve haver uma história geral que diga “quem” é sua empresa. É enérgico, descontraído, feliz, pungente, etc.? Escreva a história. Embora possa estar relacionado à missão da empresa, também tem um certo humor e tom. É esse humor ou tom que suas imagens precisam capturar. Muitas empresas “encontraram” suas histórias e as retrataram bem. Entre eles estão:
    • Headbands of Hope - câncer infantil
    • Dollar Shave Club – conveniência e diversão
    • Toms Shoes – causas beneficentes
    • ModCloth – validando todos os tipos de corpo feminino
    • Red Bull – energia e emoção
    • GoPro – aventura e risco

Uma das melhores maneiras de encontrar um “tema” que combine com o humor e o tom de uma empresa é iniciar um brainstorming. Use membros da equipe, amigos que conhecem sua marca, etc. e peça a todos que escrevam palavras descritivas que vierem à mente. Os comuns serão os temas que as imagens devem retratar à medida que a “história” da empresa se desenrola.

Elementos de uma história

Como a maioria de nós se lembra das aulas de inglês, todas as histórias têm uma introdução, um enredo (ação ascendente, clímax, ação descendente) e uma conclusão. Uma história de marca também pode ter elementos aproximadamente relacionados em seu site. Vamos usar o Dollar Shave Club como exemplo:

1. Tema(s):

O tema geral e tom desta empresa é conveniência, baixo custo e humor. A empresa decidiu que sua história é pegar um produto chato que todo homem deve ter e comprar e torná-lo fácil, barato e menos chato com humor.

2. Introdução – Landing Page (acima da dobra):

Aqui está a página de destino acima da dobra. Apresenta o fundador da empresa, que é um grande contador de histórias, contando a “história” da empresa – seu propósito e seus benefícios para os clientes. É rápido e engraçado e se relaciona totalmente com a imagem a ser retratada.

Landing Page (Above the fold)
Exemplo de página de destino do dollarhaveclub.

3. Introdução – Landing Page (abaixo da dobra):

Abaixo da dobra, a introdução continua com a parte de conveniência. Ele mostra a caixa que será enviada para um cliente assinante todos os meses. Mostra a conveniência, os preços baratos e acrescenta um pouco de humor também.

Landing Page (Below the fold)

4. Ação Crescente:

Agora que você está intrigado, você pode dar uma olhada nos produtos – lâminas de barbear e outros produtos de cuidados pessoais. Aqui está a página de descrição das três opções de navalha: Você recebe o nome, preço e uma descrição, novamente com um pouco de humor. Todos os detalhes da trama levam você ao clímax.

Rising Action

5. O Clímax:

Você se junta. Cada página lhe dá a oportunidade de ir direto ao clímax da história – você se junta ao clube e começa a participar da conveniência e da economia de custos.

6. Parcelas Secundárias:

Existem algumas parcelas secundárias que são encontradas em links no topo da página – produtos de cuidados pessoais, dar uma assinatura como presente e comentários de clientes. Há também um ótimo blog, intitulado “Bathroom Minutes”.

7. Ação de queda:

Você é bem-vindo como membro e informado de que receberá um e-mail de confirmação e notificação quando sua primeira caixa for enviada. Você provavelmente também compartilhará esta empresa e sua história com outras pessoas. Feito e feito.

8. Promova sua história

E, para que você consiga leitores/espectadores, você promove sua história assim como a indústria cinematográfica promove seu mais novo filme, só que você faz isso em suas contas de mídia social. E você mantém esses “trailers” alinhados em humor e tom com a história em seu site.

Benefícios de contar histórias

  • Quando a narrativa é bem feita e retrata uma empresa como um “quem”, você obtém autenticidade, credibilidade e confiança. E essas três coisas trazem seguidores e visitantes e, finalmente, clientes.
  • Os consumidores de hoje querem uma experiência, e grande parte dessa experiência são as imagens que contam a história de uma empresa.
  • Uma história também ajuda as pessoas a se lembrarem da empresa. Aqueles que experimentaram a história do Dollar Shave Club se lembrarão quando estiverem procurando um presente de aniversário ou de Natal exclusivo para alguém.

Usar recursos visuais para contar essas histórias é mais atraente do que as palavras podem ser. Eles podem ser poderosos se a cor, tipografia, imagens e planos de fundo corretos forem usados. Aqui estão dois fatores que os criadores de imagens devem levar em consideração ao contar histórias:

1. Autenticidade

Se as fotos fizerem parte das imagens criadas, pare de usar as de estoque. Pessoas o que acreditar que estas são apenas pessoas reais comuns. É uma coisa boa mostrar pessoas reais com um pouco de bagunça no cabelo ou um corpo não tão perfeito. O ModCloth acertou muito bem nisso, porque usa clientes reais como modelos. Ele pede a esses clientes que enviem suas fotos usando itens ModCloth, e eles o fazem em massa. ModCloth apresenta esses “modelos” em seu site e plataformas de mídia social.

Authenticity

2. Relevante para os tempos e a demografia

O que é relevante para os millennials? Que tal para os idosos? Há uma relevância cultural para o seu público-alvo e as imagens devem refletir isso. Os idosos, por exemplo, são muito mais ativos do que há 20 anos. A diversidade e a inclusão são importantes para as gerações X, Y e Z. E elas exigem relevância social. Eles também exigem responsabilidade ambiental. Cheerios respondeu com imagens da diversidade racial da família e seu projeto de abelhas. Isso aparece em sua página de destino.

Relevant for the Times and the Demographic

Dicas para o design de narrativa visual

O “look” de uma história deve estar relacionado ao tema e ao tom da empresa. Deve ser contado de forma simples e clara, sem grandes quantidades de bling e desordem. Se for um vídeo, não deve ter efeitos de distração. Com isso em mente, aqui estão cinco dicas para design visual.

1. As imagens devem ser em negrito e grandes

Se você pretende chamar a atenção do visitante, imagens pequenas não serão suficientes. É muito melhor se concentrar em algumas imagens excepcionais do que em muitas que podem desordenar uma página ou confundir o visitante. Se o seu site tiver muitas páginas, você poderá usar várias imagens, uma em uma página. Apenas certifique-se de que cada imagem esteja diretamente relacionada às coisas mais importantes que você deseja que os visitantes saibam sobre você.

Headbands of Hope é uma empresa que começou com uma pequena ideia que se transformou em uma grande empresa com fins lucrativos que se concentra na causa do câncer infantil. Para cada faixa comprada, uma é dada a uma menina com câncer e US$ 1 é doado para pesquisas sobre o câncer infantil. A história é convincente; as imagens ou pungentes, autênticas e também otimistas. É muito difícil resistir a comprar alguns itens desta loja.

Images Should Be Bold and Large

2. Tipografia Grande com Poucas Palavras

Nem toda imagem deve ter texto de acompanhamento; no entanto, algumas palavras ou uma frase que sejam cativantes e capturem a mensagem reforçarão essa mensagem. As palavras devem estar fora do caminho do elemento principal da sua imagem.

A GoPro é uma empresa que produz câmeras vestíveis para aventureiros que praticam esportes radicais e desejam fotografar ou filmar suas experiências e triunfos. Depois de algumas startups fracassadas, Nick Woodman finalmente decidiu se concentrar em sua paixão – esportes radicais. O dele estava surfando. Ele desenvolveu sua primeira câmera vestível para poder filmar a si mesmo com as mãos livres. Hoje, aos 36 anos, ele é um bilionário. O site da GoPro não sobrecarrega suas imagens, mas publica fotos e vídeos que os clientes enviam. Aqui está um exemplo de clientes em destaque. Observe que a legenda cativante está localizada na parte inferior do vídeo.

Large Typography with Few Words

3. As cores devem combinar com o humor

As cores que Headbands of Hope, com o propósito de fazer com que as meninas se sintam femininas depois de terem perdido o cabelo para o tratamento do câncer, serão os pastéis “femininos”. A Red Bull, por outro lado, usará cores que se alinham com seus temas de energia e emoção.

Existe um corpo de pesquisas psicológicas que correlaciona cores com humores e emoções. É claro que as cores das imagens que são fotos reais são o que são, mas na seleção dessas fotos, as cores devem ser lembradas. E os desenhos devem usar a paleta de cores mais adequada.

A Red Bull não é tão sutil em sua história. A história desta empresa é realmente contada nas fotos dos eventos que patrocinou ao longo dos anos. Veja como os visitantes são convidados a olhar mais de perto:

Colors Must Match the Mood

As cores do Red Bull são as primárias – vermelho, azul e amarelo – e aparecem em todas as páginas do site.

Aqui está um infográfico que fornecerá as respostas emocionais das cores.

Colors Must Match the Mood

É fácil ver por que a Red Bull escolheu as cores que escolheu, e um site como o Rolex escolhe tons de preto e cinza.

4. Rolagem de imagem

Que grande tendência de design para contar histórias. A rolagem permite que os visitantes obtenham uma história inteira simplesmente percorrendo as imagens, seja como slides, vídeos ou como um site de uma página. The Dangers of Fracking é um design de uma página que conta a história do fracking através do uso de uma única gota de água durante o processo. Se você ainda não visitou este site, faça-o. É criativo, colorido e conta uma história convincente, apoiada por caixas informativas ao longo do caminho.

Image Scrolling

Há tantas opções com rolagem – um flip book ou storyboard, por exemplo – e elas podem ser tão simples ou complexas quanto desejado.

5. Vídeo

Nenhuma explicação necessária aqui. O vídeo é obviamente uma das melhores opções para contar histórias e pode ser incorporado em vários lugares. O Dollar Shave Club tem seu vídeo explicativo em sua página de destino e também está disponível em suas plataformas de mídia social. Obviamente funciona – mais de 22 milhões de visualizações e contando.

Conclusão

Storytelling é a personalização de uma empresa/organização. O uso de recursos visuais para contar histórias tem um impacto significativo nos visitantes, se for bem feito e todos os elementos de uma história estiverem presentes.

Se você quiser contar uma história com recursos visuais, comece com papel e lápis, anotando cada elemento da história e os recursos visuais em potencial que se alinharão com ele. Depois de ter isso, crie seus visuais e certifique-se de que cada um esteja alinhado com a imagem, o clima e o propósito da organização.