Marketing 3064 IA & Tech 650 Gestão & Carreira 423 Vendas & CRM 245 SEO 164
Marketing

Capas que contam histórias: como mudamos a identidade visual das capas do blog Marketing de Conteúdo

MM
Matt Montenegro Founder & CEO
18/09/2018 5 min
TL;DR

A redesign das capas do blog trocou personagens caricatos por anatomia verossímil, paleta dual de destaques e texturas mais humanas. Grid baseado em proporção áurea, regra dos terços e diagonais mantém harmonia visual entre posts técnicos.

  • Por que importa: capa é primeiro contato; precisa refletir seriedade do conteúdo sem perder energia.
  • Como funciona: duas paletas: uma para composição geral, outra para realces; grid guia enquadramento.
  • Na prática: cada ilustração responde a desafio narrativo (aprender, desafio, aventura) via perguntas ao time.
  • Em detalhe: textura digital simula calor humano e afasta visual liso demais.
  • Conclusão: capa que conta história convida clique melhor que imagem que só descreve o título.

De cara, quando comecei a trabalhar no time de marketing, um dos primeiros desafios que tive foi: Precisamos que a identidade visual do nosso principal blog alcance mais pessoas!

O blog já tinha muitos acessos e um estilo muito bem definido (há discussões incríveis sobre este processo), mas sentimos que com conteúdos mais técnicos e específicos, seria necessário que a identidade visual das ilustrações fosse mais condizente com o público que se interessaria mais por este tipo de conteúdo. Senti uma mistura de medo e empolgação. Primeiramente, precisávamos descobrir quais elementos trariam essa “seriedade” que estávamos buscando. Ah, também era necessário manter o clima despojado e animado, que deu vida aos posts no passado. Decidimos repensar o padrão cromático que usávamos, seguindo praticamente a mesma lógica: Uma paleta seria utilizada para a composição em geral enquanto outra seria utilizada para dar destaques: Depois, decidimos que os personagens deveriam ser mais verossimilhantes anatomicamente, aproximando a persona da ação da imagem. Queríamos que o fator fantasioso fosse explorado na narrativa e não na forma. Para isso, fizemos um Model Sheet (estudo de personagem) do que seria o ideal: Também optamos por adicionar mais textura às peças. Apesar de trabalharmos sempre com um suporte digital, queríamos que as imagens tivessem um toque mais quente e humano, menos liso e robótico, nos aproximando mais ainda de nosso público:
Neste post 2

Como ilustrar com Harmonia

Tendo definido a base do nosso estilo visual, precisávamos que nossas ilustrações fossem harmônicas, para isso resolvemos que criaríamos um Grid! Sei que Harmonia pode ser algo relativo. O que é harmônico para umas pessoas pode não ser para outras. Por isso, resolvemos confiar na sabedoria da natureza, utilizando a famosa proporção áurea. À partir dela, criamos um grid que brincasse com as diagonais, com a regra dos terços, com os horizontes, perspectivas, destaques etc.

Capas que contam histórias

Algumas perguntas ficavam na nossa cabeça na hora de ilustrar os posts:
  • Como resumir um post inteiro em apenas uma imagem?
  • Como fazer com que o leitor fique instigado a ler um conteúdo ao ver nossas capas?
  • Como fazer com que isso tudo soe como uma aventura?
Depois disso, eu e o Rafa vimos a necessidade de criar imagens que contassem histórias. Nessa tentativa, cada capa vem com um desafio. É muito comum para quem passa pela nossa mesa escutar perguntas como “Ei, o que é a primeira coisa que vem à sua cabeça quando você escuta a palavra aprender?” Ou “Que situação você imagina ao pensar na palavra desafio?”. É dissociando palavras, conceitos e revisitando ícones da arte que conseguimos ampliar as interpretações e os temas dos posts, criando imagens que não só descrevem, mas convidam o leitor a aprender e se aventurar. E você, como conta suas histórias?

Perguntas frequentes

Por que mudar a identidade visual das capas de um blog?

Conteúdos mais técnicos pediam visual alinhado ao público especializado, mantendo clima animado das capas anteriores. A equipe buscou seriedade via anatomia verossímil dos personagens e fantasia explorada na narrativa das cenas. Resultado: capas que sinalizam profundidade do artigo antes da leitura.

Como usar proporção áurea em capas de blog?

Criar grid com diagonais, regra dos terços, horizontes e perspectivas derivados da proporção áurea organiza destaque visual. Harmonia fica consistente entre dezenas de posts diferentes. O grid não impõe layout único: orienta onde posicionar personagem, texto e elementos de cena para leitura rápida no feed.

Duas paletas de cor funcionam na prática?

Sim. Uma paleta estrutura a composição geral; a segunda aplica destaques que guiam o olhar para o elemento narrativo central. Repetir a lógica das capas antigas com cores atualizadas preservou reconhecimento da marca no feed. Contraste controlado mantém miniaturas legíveis em mobile, cards sociais e listagens do blog sem perder calor visual das texturas.

Quais perguntas o time faz antes de ilustrar uma capa?

Parta de palavra-chave do post e pergunte ao time associações livres (aprender, desafio, aventura). Dissocie conceitos e reinterprete ícones conhecidos da arte para ampliar metáfora visual. Meta: imagem que instiga curiosidade e convida leitura além do título literal. Evergreen case study; princípios valem independente de ferramenta de design usada.

MM Matt Montenegro

Matt Montenegro

Publicitário e Designer de Produto; ex-CEO da VidMonsters (M&A Hotmart). Fala sobre a indústria de tecnologia e compartilha insights a respeito do atual zeitgeist.

Leia mais