A versão curta
- O branding de fintech tem três tarefas: parecer fiável o bastante para guardar o dinheiro de alguém, tornar os números imediatamente claros e ser caloroso o suficiente para que ninguém tenha medo de abrir a app.
- A maioria das marcas financeiras usa azul, pelo que uma paleta de verde profundo, ameixa, tinta ou neutros quentes com um acento vivo é uma forma fácil de ser reconhecido.
- Na fintech os números são o produto, por isso usa algarismos tabulares e um tipo de letra cujos dígitos se distingam bem.
- Um post de dados deve mostrar um número, dizer numa frase o que significa e indicar a fonte.
- Se o teu produto é regulado, desenha cada modelo com um espaço fixo para avisos de risco e letra miúda, para que a conformidade nunca estrague o layout.
Nesta página
Um bom branding de fintech equilibra três coisas: confiança, clareza e um toque de calor. Confiança, porque as pessoas estão a entregar-te o seu dinheiro. Clareza, porque o produto são sobretudo números e cada número tem de se ler num relance. Calor, porque o dinheiro causa stress, e uma app fria ou clínica é uma app que as pessoas evitam abrir. Os bancos resolveram tradicionalmente só a primeira, normalmente com azul. As fintechs que as pessoas gostam mesmo de usar conseguem parecer seguras e humanas ao mesmo tempo, e esse equilíbrio pode ser desenhado.
Porque é que tantas marcas financeiras são azuis
O azul associa-se à estabilidade e à calma em muitas culturas, e por isso bancos, seguradoras e empresas de pagamentos o adotaram tanto. O problema é que a associação passou a pertencer a toda a categoria. Uma fintech nova em azul corporativo parece um banco, e parecer-se com todos os bancos dificulta ser lembrado. O significado da cor azul trata das associações e a psicologia das cores explica porque é que o contexto conta mais do que qualquer matiz.
Paletas de cores para fintech além do azul
Podes manter a calma e perder a igualdade. Escolhe uma cor de base profunda e estável que não seja azul-marinho, um neutro claro para ecrãs e documentos e um acento vivo para os momentos que importam: um pagamento enviado, um objetivo atingido, um botão a carregar. Os verdes profundos sugerem crescimento sem o cliché do verde do dinheiro. A ameixa parece premium. Os neutros quentes parecem humanos e cuidados.
Repara que as cores de sucesso e de aviso fazem parte da marca, não são um pormenor de última hora. Numa app de dinheiro, o verde e o vermelho têm significado; garante que o teu acento não colide com eles. O significado da cor verde é útil se escolheres o verde como cor da própria marca.
Melhores tipos de letra para números de fintech
Na fintech, os números são o produto. Escolhe um tipo de letra com dígitos inconfundíveis: um 1 claro que não seja um l, um 0 que não seja um O, um 6 e um 8 que continuem distintos em tamanhos pequenos. Usa algarismos tabulares sempre que os números estejam em colunas ou se atualizem em direto, para que os valores fiquem alinhados e não tremam ao mudar. Muitos tipos de letra de interface suportam-nos; confirma antes de escolher.
.amount,
.balance,
table.transactions td {
font-variant-numeric: tabular-nums;
}
.balance {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: -0.01em;
}Como desenhar posts de dados de fintech
As fintechs têm dados interessantes: como as pessoas poupam, quando gastam, o que mudou uma funcionalidade. Um bom post de dados mostra um número, explica-o numa frase e indica a fonte, mesmo que a fonte sejam os teus próprios dados anonimizados. Dez números num só gráfico é um relatório, não um post, e ninguém o lê no telemóvel. Para histórias mais elaboradas, um carrossel com um número por slide funciona muito melhor; o design de infografias trata da estrutura.
Um número, o que significa e a condição associada. Claro o bastante para tirar captura de ecrã.
Uma história de dados do teu próprio produto, com a fonte indicada sob o título.
Gráficos de lançamento de apps de fintech
Um lançamento ou uma nova funcionalidade precisa de um conjunto: a publicação de anúncio, um story, uma versão para o LinkedIn dirigida a empresas, um hero para o site e a pré-visualização de ligação para imprensa e partilhas do blogue. Abre com o que a pessoa passa a poder fazer, nas palavras dela, não com o nome da funcionalidade. “Divide uma conta com dois toques” vence “Apresentamos o SplitPay 2,0”. Os gráficos de lançamento de apps móveis têm uma lista completa de lançamento.
Post de Instagram 1080×1350
1080 × 1350
Story de Instagram 1080×1920
1080 × 1920
Post de LinkedIn 1200×1200
1200 × 1200
Hero do site 1920×1080
1920 × 1080
Pré-visualização de ligação 1200×630
1200 × 630
O story de lançamento: o benefício como título, o nome da funcionalidade nem à vista.
Produzir à mão um conjunto de lançamento em todos os tamanhos é lento e dá erros. No Gradiently desenhas uma vez e, com o Pro, mudas para todos os formatos num só passo; o Mark por trás das palavras acalma-se sob títulos e letra miúda, para que se mantenham legíveis onde quer que caiam. Um kit de marca Pro guarda os teus logótipos, tipos de letra, paleta e voz, e o Designer escreve nessa voz, o que mantém coerentes as publicações de uma equipa inteira. A configuração do kit de marca explica como.
Como dar calor a uma marca de fintech
Frio
- Azul corporativo sobre branco, e mais nada
- Fotografias de stock de apertos de mão e horizontes urbanos
- “Alavancar soluções inovadoras”
- Números sem contexto
- Letra miúda espremida no fim
Caloroso e de confiança
- Uma paleta calma e distinta com um acento simpático
- Momentos reais: o dia de ordenado, o dia da renda, uma viagem poupada
- Frases simples, como as diria um amigo
- Cada número com uma frase e uma fonte
- Letra miúda pensada desde o início
O calor vem sobretudo das palavras e da cor, não de ilustrações nem de piadas. Se também crias para programadores ou empresas, o branding de startups SaaS trata do lado B2B, e o branding de projetos cripto mostra como manter a credibilidade num canto mais ruidoso das finanças.
Perguntas frequentes
Que cores são melhores para o branding de fintech?
Uma cor de base calma e profunda que não seja azul-marinho, como verde-floresta, ameixa ou tinta, um neutro claro para leitura e um acento vivo para as ações principais.
Porque é que tantas marcas de fintech usam azul?
O azul associa-se muito à estabilidade e à calma, por isso os bancos adotaram-no. Como tantos o usam, já não ajuda uma marca nova a destacar-se.
Que tipo de letra é melhor para números financeiros?
Uma sem serifa clara, com dígitos distintos e algarismos tabulares, para que os valores se alinhem em colunas e não mudem de sítio ao atualizar.
O que deve incluir um post de dados de fintech?
Um número, uma frase a explicar o que significa e a fonte dos dados, mesmo quando são os teus próprios dados anonimizados.
Como encaixo avisos de risco nos gráficos de fintech?
Constrói desde o início um espaço fixo e legível para eles em cada modelo, para que o texto obrigatório nunca force uma reformulação do design.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil