Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 056Identidade de marca e comunicação

Qualifyer

Uma identidade para uma plataforma de atendimento e vendas com IA, construída em torno de um símbolo e um lettering estáveis, com espaço para pintura, papel, tipografia e movimento.

Meu papel
Direção de marca, sistema de identidade e aplicações
Status do projeto
Sistema de marca e kit de produção
Motion original da marca Qualifyer: pintura, janela de papel e mensagem reveladas em sequência. Arte assistida por IA, do kit de marca entregue.

01

Minha contribuição

A Qualifyer reúne agentes de IA, clientes e conversas em uma operação compartilhada. Meu trabalho de branding dá ao produto uma linguagem visual que transita entre a assinatura institucional, a campanha expressiva e a peça de comunicação do dia a dia.

O trabalho se estende a um brandbook, aplicações editáveis e arquivos de motion. A decisão central de design é definir o que continua reconhecível e dar espaço para cada mensagem mudar.

Motion original da assinatura Qualifyer.
Aplicação em cartões de visita da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.

02

Manter a marca estável

O símbolo Núcleo mantém uma silhueta assimétrica e o disco central. O lettering sob medida tem um q próprio e relações de espaçamento próprias. Esses desenhos-base não mudam quando o símbolo vira avatar, padrão repetido ou janela para uma imagem.

O sistema define a hierarquia de assinaturas, a área de proteção e as regras de redução. Em tamanhos pequenos, o símbolo sólido tem prioridade; o detalhe pictórico precisa de mais espaço. O reconhecimento vem do desenho, e a composição ao redor se adapta ao contexto.

Construção do logo no brandbook da Qualifyer.
Página original do brandbook com a construção do logo.
Sistema de cores no brandbook da Qualifyer.
Página original do brandbook com o sistema de cores.

03

Deixar a expressão por conta do material

Tinta, branco e papel formam a estrutura neutra. A cor vem da arte: gravura, aquarela, pintura a óleo e monotipia mantêm suas texturas próprias e suas paletas naturais.

Os estudos de composição exploram imagens amplas, janelas no papel, arte dentro do Núcleo e camadas translúcidas. No tratamento em janela, a mesma imagem continua fora do papel e por dentro do símbolo. Essa continuidade faz da máscara parte da composição, e não um efeito decorativo no logo.

Sistema tipográfico no brandbook da Qualifyer.
Página original do brandbook com o sistema tipográfico.
Direção de arte e mensagem de marca da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.

04

Construir um sistema que as pessoas possam usar

O kit leva as regras visuais para a papelaria, as credenciais, a sinalização, os formatos de redes sociais e os materiais de apresentação. Separei o texto editável, a marca e o material pictórico: assim, dá para compor uma nova mensagem sem refazer a identidade.

As orientações de produção diferenciam referências digitais de preparação para impressão. Dimensões, resolução de origem, tratamento de cor e verificações com fornecedores acompanham as aplicações. Os mockups mostram a aparência pretendida; os materiais físicos ainda precisam de prova de produção.

Aplicações em cartazes da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.
Motion original da marca Qualifyer: um padrão repetido do Núcleo se abre até formar o logotipo. Animação que já existia no kit de marca, com a geometria original do logo preservada.

05

Dar tempo para cada mensagem chegar

O sistema de motion usa três ritmos: a revelação da assinatura, uma sequência de pintura e papel e um padrão que termina na marca. O Núcleo e o nome mantêm a geometria enquanto os outros elementos entram.

As versões horizontal e vertical recompõem a cena para cada formato. A pausa para leitura faz parte da animação, e também há alternativas estáticas. O motion estende a identidade para uma sequência que as pessoas conseguem acompanhar.

Padrões gráficos no brandbook da Qualifyer.
Página original do brandbook com os padrões gráficos.
Apresentação do brandbook da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.
000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos

Canal 56 Identidade de marca e comunicação

Qualifyer

Uma identidade para uma plataforma de atendimento e vendas com IA, construída em torno de um símbolo e um lettering estáveis, com espaço para pintura, papel, tipografia e movimento.

Meu papel
Direção de marca, sistema de identidade e aplicações
Status do projeto
Sistema de marca e kit de produção
Período
2026
Motion original da marca Qualifyer: pintura, janela de papel e mensagem reveladas em sequência. Arte assistida por IA, do kit de marca entregue.

Uma marca reconhecível, um sistema expressivo

Entregas originais de branding. Os mockups físicos são simulações assistidas por IA.

Minha contribuição

A Qualifyer reúne agentes de IA, clientes e conversas em uma operação compartilhada. Meu trabalho de branding dá ao produto uma linguagem visual que transita entre a assinatura institucional, a campanha expressiva e a peça de comunicação do dia a dia.

O trabalho se estende a um brandbook, aplicações editáveis e arquivos de motion. A decisão central de design é definir o que continua reconhecível e dar espaço para cada mensagem mudar.

Motion original da assinatura Qualifyer.
Aplicação em cartões de visita da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.

Manter a marca estável

O símbolo Núcleo mantém uma silhueta assimétrica e o disco central. O lettering sob medida tem um q próprio e relações de espaçamento próprias. Esses desenhos-base não mudam quando o símbolo vira avatar, padrão repetido ou janela para uma imagem.

O sistema define a hierarquia de assinaturas, a área de proteção e as regras de redução. Em tamanhos pequenos, o símbolo sólido tem prioridade; o detalhe pictórico precisa de mais espaço. O reconhecimento vem do desenho, e a composição ao redor se adapta ao contexto.

Construção do logo no brandbook da Qualifyer.
Página original do brandbook com a construção do logo.
Sistema de cores no brandbook da Qualifyer.
Página original do brandbook com o sistema de cores.

Deixar a expressão por conta do material

Tinta, branco e papel formam a estrutura neutra. A cor vem da arte: gravura, aquarela, pintura a óleo e monotipia mantêm suas texturas próprias e suas paletas naturais.

Os estudos de composição exploram imagens amplas, janelas no papel, arte dentro do Núcleo e camadas translúcidas. No tratamento em janela, a mesma imagem continua fora do papel e por dentro do símbolo. Essa continuidade faz da máscara parte da composição, e não um efeito decorativo no logo.

Sistema tipográfico no brandbook da Qualifyer.
Página original do brandbook com o sistema tipográfico.
Direção de arte e mensagem de marca da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.

Construir um sistema que as pessoas possam usar

O kit leva as regras visuais para a papelaria, as credenciais, a sinalização, os formatos de redes sociais e os materiais de apresentação. Separei o texto editável, a marca e o material pictórico: assim, dá para compor uma nova mensagem sem refazer a identidade.

As orientações de produção diferenciam referências digitais de preparação para impressão. Dimensões, resolução de origem, tratamento de cor e verificações com fornecedores acompanham as aplicações. Os mockups mostram a aparência pretendida; os materiais físicos ainda precisam de prova de produção.

Aplicações em cartazes da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.
Motion original da marca Qualifyer: um padrão repetido do Núcleo se abre até formar o logotipo. Animação que já existia no kit de marca, com a geometria original do logo preservada.

Dar tempo para cada mensagem chegar

O sistema de motion usa três ritmos: a revelação da assinatura, uma sequência de pintura e papel e um padrão que termina na marca. O Núcleo e o nome mantêm a geometria enquanto os outros elementos entram.

As versões horizontal e vertical recompõem a cena para cada formato. A pausa para leitura faz parte da animação, e também há alternativas estáticas. O motion estende a identidade para uma sequência que as pessoas conseguem acompanhar.

Padrões gráficos no brandbook da Qualifyer.
Página original do brandbook com os padrões gráficos.
Apresentação do brandbook da Qualifyer.
Entrega real do sistema de marca. Aplicação física simulada, com composição de mockup assistida por IA.