Pedro Mantovani · Portfólio · 2026 · São Paulo, BR

A maioria dos designers usa IA.
Eu construí a minha.

Product & Brand Designer · Especialista em Craft · Fundador da FluxAI
ex-Coordenador de Design & Criação · 15 anos, da direção de arte ao produto com IA · agentes em produção
⌘K
me mostra o trabalho da Uber
voz reconhecida · intent mostrar_trabalho · entidade uber · conf 0.97
Clique no microfone para falar · roda no navegador
Trabalhe comigo
Ver o trabalho
A minha IA
o agente que eu construí
o agente · em produção
uptime 99.98% · pt-BR
preto fosco · luz de estúdio · render svg
CursandoMBA · AI-Driven Innovation & UX
Em imersãoEscola de Automação · Thales Laray
Fluência diáriaClaude · Anthropic
explorar
F1 · Hero F2 · 120+ Projetos F3 · 15 Anos de Craft F4 · Porto · Uber · Itaú · Algar Tech · Visa F5 · -23.55, -46.63
01 · Prova14 marcas · desde 2011

15 anos ligando design a resultado de negócio.

PortoUberItaúBanco SafraGEAlgar TechNestléVisaNeonGreenpeaceRemessa OnlineDigioSompoAmericas Medical
120+projetos publicados
15anos de craft
5anos em banco e fintech
14marcas no repertório
02 · Base de designcraft antes da IA

Minha raiz é direção de arte.

Comecei na direção de arte e cheguei a liderar design e criação. Antes de qualquer tela, aprendi a estruturar marca, sistema visual e narrativa, e a dirigir criação em várias linguagens. É essa maturidade que separa produto bem-feito de produto só bonito.

Hoje esse craft está em cada entrega, do fluxo de conversão à consistência de um design system em escala. É ele que separa o trabalho que parece inevitável do que apenas ocupa espaço. Ainda mais agora, com a IA no processo.

Em 15 anos, além de construir meus próprios produtos, colaborei com marcas de fintech, banking, varejo, big tech e ONG, em agência, in-house, parceria e founder.

01 · marca
Identidade & marca
Sistemas visuais e design systems que escalam, do token à peça.
02 · narrativa
Motion & narrativa
Copy, motion e experiência, do conceito à peça final.
03 · direção
Direção de criação
Em múltiplas linguagens: fintech, banking, varejo e bigtech.
03 · Como eu decidométodo · decisão de produto

Antes de desenhar, eu decido. E a decisão se sustenta.

Antes da primeira tela, defino contratos de comportamento com a engenharia: o que o sistema faz em cada estado, o que retorna quando algo falha, qual é o critério de aceite. Documento as premissas no discovery, não na revisão.

A métrica decide, não o achismo. Trabalho com esteira de testes e analistas, e cada decisão de design responde a uma pergunta: o que isso agrega ao negócio.

  1. 01Escopo antes da tela
  2. 02Critério de aceite
  3. 03Decisão por dado
Onde isso vira receita
A página onde a venda acontece ou se perde.

Em uma página de produto de alto tráfego, decisão vira dinheiro. Antes do layout, eu reduzo a complexidade do catálogo a padrões de decisão: em vez de uma tela única, cada tipo de produto ganha o fluxo de compra que faz sentido para ele.

princípio

A caixa de compra se adapta à intenção, não o contrário. E a dúvida se resolve na hora da decisão, dentro da própria página.

o método · decisão de produtocraft aplicado

Como eu penso uma página de produto.

O que está aqui é meu: os padrões de decisão que eu aplico em página de produto e a anatomia da caixa de compra, desenhados para mostrar como eu penso conversão. As entregas de cliente estão sob confidencialidade, e eu percorro cada uma em conversa.

//_ artefato 01

O mesmo componente, três decisões.

Um catálogo não tem um comprador, tem vários. A dúvida que trava a compra muda com o tipo de produto, e a caixa muda com ela. Mesmo componente, configuração diferente.

01Decisão rápida
prazo sobe para perto do preço
Comprar agora
prazofrete

"É esse mesmo. Chega quando?"

Poucos elementos. O prazo sobe para perto do preço, porque é a única variável que ainda decide.

02Decisão por especificação
variaçãocompatibilidade
a dúvida técnica abre aqui
Comprar agora

"Serve no meu caso? É compatível?"

A dúvida é técnica e se resolve dentro da caixa, sem mandar a pessoa para a aba de especificação e perder a compra no caminho.

03Decisão pela conta
a parcela vira o número principal
parcelacupomcashback
Comprar agora

"Cabe no meu mês?"

O preço à vista deixa de ser o herói. A parcela assume, e a mecânica promocional aparece resolvida, não como cálculo para a pessoa fazer.

//_ artefato 02

A anatomia: cada camada responde uma pergunta.

Se uma camada não responde nada, ela não entra. É esse o critério que sustenta a caixa quando o catálogo cresce e todo time quer colocar mais uma coisa ali.

01Identidade"É isto que eu procuro?" · nome, variação escolhida e a imagem que confirma a escolha.
02Preço"Quanto custa para mim?" · à vista, parcela e desconto já aplicado. Nunca uma conta para a pessoa fazer de cabeça.
03Viabilidade"Chega a tempo, no meu endereço?" · prazo, frete e disponibilidade. É onde a compra morre calada quando fica escondido.
04Dúvida"Falta alguma coisa que eu preciso saber?" · o detalhe abre no lugar, sem tirar a pessoa da decisão.
05Ação"O que acontece se eu clicar?" · um verbo só, e o estado seguinte previsível.
06Segurança"E se der errado?" · troca, garantia e pagamento. Entra depois da ação, não antes: cedo demais, vira medo.

A regra de governança: camada nova só entra se aposentar outra ou se responder uma pergunta que nenhuma responde hoje. Sem esse critério, a caixa vira mural de avisos e a conversão cai sem ninguém saber por quê.

os princípios · por trás dos dois artefatos
Decisão antes do pixel.
Em uma página de alto tráfego, cada detalhe ou aproxima da compra ou tira uma dúvida. Defino esse trabalho antes do layout, não na revisão.
01
Intenção por bloco

cada parte da página responde a uma pergunta de quem decide. Sem função clara, não entra.

02
Conteúdo sob demanda

a página não precisa ser quilométrica: o detalhe abre quando a pessoa pede, sem tirá-la do lugar.

03
A caixa se adapta

nenhum componente serve a todo catálogo. A configuração muda com a decisão que a pessoa precisa tomar.

a régua
Do discovery à medição.
Não paro no layout. A decisão se sustenta porque nasce de premissa documentada e volta como número. É esse arco que eu levo para qualquer projeto.
  1. 01
    Discovery
    premissas
  2. 02
    Arquitetura
    intenção
  3. 03
    Sistema
    tokens
  4. 04
    Conceito
    fluxo
  5. 05
    Entrega
    handoff
  6. 06
    Medição
    contínua
04 · Trabalhoprocesso → decisão → resultado

Cada case conta o mesmo arco: processo, decisão, resultado.

SplitDivisão de contas entre amigos resolvida da pesquisa ao protótipo navegável, com design system próprio. Projeto final de curso. UX/UI · Produto Uber / DigioDireção de arte da promoção Acelera esse Cartão, do cartão Uber Conta com o Banco Digio. Produto Financeiro PortoPeças de campanha de financiamento de veículos e consórcio, construídas com IA generativa dentro da marca Porto. Direção de Criação A⁴ Itaú UniclassComunicações in-app, e-mails e componentes mobile do segmento premium, e sistemas visuais escaláveis para sustentar a demanda contínua entre unidades de negócio. Digital · Premium A⁵ Banco InterArquitetura do site refeita em blocos modulares, com hierarquia revista e componentes reutilizáveis. Estudo conceitual. Estudo próprio · Produto A⁶ Adidas / ImagineDireção criativa autoral em Midjourney e Photoshop: um mergulho em primeira pessoa do espaço até a Terra. Autoral · Marca A⁷ Guaraná / ImagineEstudo autoral de identidade do Guaraná Antártica na Amazônia, com paleta construída a partir da floresta. Autoral · IA Generativa A⁸ E.T O Extraterrestre / ImagineDireção criativa autoral em Midjourney: um extraterrestre no espaço, com acabamento de animação. Autoral · Direção Criativa A⁹ GE · Consciência NegraCampanha de Consciência Negra de 2018, criada com um time de quatro pessoas. Direção de Arte · Social
05 · Design Systemdo token ao produto

Meu método de Design System, construído com Claude Code e documentado ao vivo.

Tokens em três camadas, componentes documentados com código, governança, versionamento e handoff, com toggle de tema que troca só a camada semântica. Eu construo e mantenho o sistema com Claude Code: a documentação é viva e nasce do componente real, não de screenshot. Esse é o ganho: com IA, entrego o alcance de um time e mantenho tudo em sincronia, sem retrabalho. O foco continua sendo adoção, o sistema tem que ser usado e evoluir entre squads, não existir como biblioteca parada.

TokensComponentesGovernançaHandoffLight / DarkClaude Code
Abrir a documentação
preview ao vivo
Transferência · concluída
R$ 1.240,00
Toque no Light / Dark: só a camada semântica troca.
06 · Como operocraft + ia aplicada

IA-first já é o básico.
Eu opero no que vem depois.

Opero como builder e grower: coloco a ideia de pé como produto real, em produção e rápido, e pego o que já existe e faço evoluir até encaixar, sempre com leitura de negócio.

Transito entre as mesas que decidem, de tecnologia e dados a marketing, design e operação, falando a língua de cada uma. Meu lugar é a ponte entre visão e entrega.

O que entrego com profundidade, e como cada frente vira projeto.
01
Direção de arte
conceito, estética e narrativa com intenção

Identidade visual, narrativa de marca e linguagem de campanha. Do briefing ao sistema de identidade completo, traduzindo estratégia em linguagem visual coerente e escalável.

02
Marca
sistemas de identidade que sustentam o uso real

Arquitetura visual e sistemas de comunicação e conversão escaláveis para ecossistemas complexos. Produto, CRM e canais alinhados sob uma mesma linguagem, em contexto financeiro, institucional e corporativo.

03
Produto
UX, UI e design systems em escala

UX Strategy, Design Systems e a jornada do discovery ao delivery em produto digital de alta escala. Fintech, banking, varejo e ambientes regulados de alto volume.

04
IA aplicadaB⁴
agentes e automação dentro do fluxo

Claude Code, agentes e skills customizadas, com integração de APIs, versionamento em GitHub e prática com LLMs e AI Agents. Discovery, critique e research synthesis acelerados por IA, do briefing ao handoff, sempre com método.

O caminho · a IA que eu construí

Agentes de IA autônomos, colaborando com times reais.

O problema

Todo projeto recomeça do zero. O time gasta o dia em tarefa operacional e a decisão que já foi tomada evapora entre um contexto e o próximo.

O insight

Boa parte desse trabalho é braçal, com pouca exploração criativa. Não falta gente boa, falta uma camada que lembre, cruze e devolva o que o time já sabe.

A solução

Construo os agentes no Claude Code. Cada método vira uma skill, com a heurística escrita por extenso, conectada por API ao vault de conhecimento e às notas das reuniões. O agente varre, sintetiza, cruza e mantém a memória viva. Sobra tempo para a exploração criativa, que é onde o craft acontece.

fundamentos

Por baixo, é engenharia real: integração de APIs, versionamento em GitHub, LLMs e AI Agents e bases de conhecimento conectadas.

Na prática, cada método virou uma skill que roda sozinha.

agente autônomo · rodando ao vivoSKILL.md · heurística
01
Varredura heurística

Uma skill própria roda os fluxos contra critérios de usabilidade e aponta as fricções que explicam ~80% do atrito. Eu valido, não terceirizo o julgamento.

SKILL.md · heurística
02
Síntese de research

Em vez de ler transcrição por transcrição, o Claude cruza as entrevistas, agrupa padrões e devolve os temas que eu não veria tão rápido sozinho.

SKILL.md · research synthesis
03
Critique de fluxo

Antes de levar para o time, faço uma critique assistida do desenho. Chego na reunião com produto e engenharia, com a pergunta certa, não com a tela bonita.

SKILL.md · design critique
discovery no manual
~3 dias
leitura, planilha, varredura tela a tela
discovery com Claude Code
~4 h
mesma profundidade, hipótese mais afiada

E o ganho não para na velocidade. Com o operacional no automático, o meu tempo vai para o julgamento e o craft, que é o que a IA sozinha não entrega.

· E compõe · conhecimento que vira patrimônio
Onde decisão de produto, design e marca não evaporam.

Um agente no Claude Code lê o meu vault inteiro, cruza arte, marca, produto e negócio e devolve uma síntese que eu não enxergaria sozinho. Um discovery que levava dias fecha em horas, com a mesma profundidade, porque a próxima decisão parte do que já foi aprendido.

É assim que o conhecimento deixa de ser memória de uma pessoa e vira patrimônio que fica com o time. O método não vem da lembrança, vem da arquitetura.

Obsidian como vault

Conhecimento e
memória compartilhada

Conectei tudo que o time gera: conteúdo, aprendizados, métodos, testes, decisões e pautas de reunião. Os temas em comum se cruzam sozinhos, cada nota puxa a outra por contexto. O retrabalho cai e o conhecimento circula entre projetos, no lugar de ficar preso em silo.

Google Workspace como hub

Centralizei Calendar, Gmail e Drive em rotinas automatizadas. Cada reunião, documento e follow-up se liga ao anterior, e o contexto e o ritmo de execução ficam compartilhados entre os times.

clique e arraste
A stack de todo dia.
IA + Modelos
Claude CodeClaude CoworkClaude SonnetClaude SkillsClaude AgentsMCPLovableCursorManus IAPerplexityNotebookLM
Automação + Workflows
n8nMakeZAIAGPT MakerManyChatAPI WhatsApp Business
Design
FigmaFigma MakeFramerAdobe SuiteAfter EffectsKreaMidjourneyHeyGenRunway
Conhecimento + Gestão
ObsidianNotion AIDiscordAntigravityGoogle WorkspaceVercelGitHub
Growth + Dados
Facebook BusinessGoogle AnalyticsGoogle Tag ManagerTag Assistant
Manifestocraft first · ia aplicada

Usar IA é a ponta.
O craft é o que separa.

01 · Direção antes da ferramenta 02 · Sistema, não telas soltas 03 · O detalhe é a decisão
continuar
07 · FluxAIum estúdio de ia com craft

Skills, agentes e automações, feitos com craft.
Prontos para plugar, ou sob medida para a sua operação.

A FluxAI nasceu de uma tese: usar IA virou o básico, e o que continua raro é o critério de quem decide o que ela vai fazer. Construo skills, agentes e automações que assumem o trabalho repetitivo e entram na operação da empresa, sempre com a marca dela e sem cara de IA. São três caminhos: a Biblioteca, assinatura de itens prontos para plugar no Claude e rodar hoje; os Serviços, sob medida, do briefing ao ar; e o Premium, onde eu entro dentro da operação para achar o que trava e implementar junto.

assinatura · plugar e rodar

A Biblioteca.

Skills, agentes e automações prontos para plugar no Claude, ajustar à sua marca e rodar hoje.

a partir de R$57/mês39 itensnovidades toda semana
dentro da Biblioteca
Design SystemDiscoveryCritiqueResearchBrandingCopywritingAutomação n8nDashboardsMotion
Assinar a Biblioteca fluxai.dev.br/planos
sob medida · do briefing ao ar

Os Serviços.

Automatizo o que você faz manualmente todo dia e coloco inteligência por trás disso. Agentes, landings e outros, sob medida, do briefing ao ar.

alguns exemplos
Agente no WhatsAppatende, qualifica e agenda sozinho
CRM e calendárioos dados entram sem ninguém digitar
Landing pagesdesenhadas para converter
+E maistodo processo que se repete na sua operação
Ver todos os serviços fluxai.dev.br/agentes
premium · onde eu entro junto

O Premium.

Diagnóstico e implementação de alto valor, feitos dentro da sua operação. É onde eu entro fundo para achar o que realmente trava, não o sintoma, e evoluir junto depois de colocar no ar.

os serviços
SEO + GEO · implantação completa
Meço onde a sua marca aparece hoje e implanto a camada que falta: dados estruturados, páginas reescritas e roadmap de 90 dias. Sai no ar, e não em relatório.
a partir de R$ 35.000
Tráfego · reestruturação completa
Entro na conta e entrego estrutura de campanha refeita, medição de conversão instalada e verba realocada, com 90 dias de acompanhamento.
a partir de R$ 30.000
Kit Social · operação completa
A social inteira montada e entregue funcionando: editorias, sistema de peças e calendário. Você opera depois, sem mensalidade de agência.
a partir de R$ 30.000
Modelo Operacional de Design · implantação completa
Comunicações, peças e produto saindo no mesmo padrão: diagnóstico, arquitetura de bibliotecas, Design System, workflow, governança, playbook e treinamento com os times.
a partir de R$ 45.000
Ver o Premium fluxai.dev.br/premium
08 · Estudo ativoformação contínua

Sempre à frente da curva.

MBA
AI-Driven Innovation & User Experience
Estratégia de produto com IA, automação e sistemas inteligentes.
Em imersão
Escola de Automação · Thales Laray
Bootcamp de sistemas de IA aplicados à operação real.
VibeOS Agentes N8N ZAIA GPT Maker Manychat API WhatsApp Make Copywriting Conversacional Midjourney HeyGen +30 trilhas
09 · Últimas publicaçõesinstagram · @mantovani_opedro

Todo mundo mostra o resultado. Eu mostro o processo.

No @mantovani_opedro eu abro os bastidores de construir com IA, automação e design: as decisões, os erros e o porquê de cada escolha. É onde o craft aparece antes de virar resultado.

IA Automação Design Bastidores
seguir no Instagram construindo em público
10 · Mentoria90 min · online · 1:1

A jornada é leve e focada no seu próximo passo.

Sessões 1:1 sobre craft, direção de arte, marca, produto e IA aplicada. Eu não venho só da tecnologia: comecei na direção de arte, passei pelo design e pelo produto e hoje construo com IA. É essa estrada inteira que eu abro na conversa.

90 min · ao vivo online · Google Meet valor no agendamento
mentoria · IA, automações e craft

Como funciona, em dois passos.

Bate-papo
entendo o seu momento e aonde você quer chegar
01/02
Mão na massa
revisão do portfólio ou do trabalho em curso, com próximos passos concretos
02/02
Ver horários cal.com/pedromantovani
perguntas frequentes

Antes de agendar.

Qual é o formato?

Online, pelo Google Meet, com cerca de 90 minutos ao vivo. Você sai com um plano claro do que fazer em seguida.

Para quem é?

Designers que querem elevar o craft, quem está construindo marca ou produto e quem quer colocar IA no fluxo de trabalho com critério.

Como agendar?

Escolha um horário em cal.com/pedromantovani. A confirmação chega por email com o link da chamada e os detalhes da sessão.

11 · Contatoresposta em até 24h

Formas de trabalhar comigo.

vaga · full-time · clt

Contratar

Product & Brand Designer para o seu time: design, direção de arte e criação, produto e IA aplicada.

freelance · projeto

Freelance / projeto

Marca, design, direção de arte, produto, sistemas de comunicação e operação AI-first.

estúdio · fluxai

FluxAI

A Biblioteca por assinatura, os Serviços sob medida e a consultoria de operação.

canaisD⁴