carregando

Construofrontendsqueaguentamprodução.

Trabalho em sistemas onde frontend não é detalhe. Fintech, banking, plataformas de IA. Lugares onde decisão de arquitetura no client custa caro errada e rende muito certa.

ReactNext.jsTypeScriptAngularNodeGraphQLTailwindAWSDatadogDocker

O que entrego

Frontend que pesa em decisão de produto, não só em design review.

01

Engenharia Frontend

Arquitetura que escala junto com o time

Frontend escalável começa antes da primeira linha de componente. Modelagem de estado, fronteiras claras entre domínios, testes que protegem comportamento de negócio. Conduzi migração ao vivo em plataforma financeira com feature flag em produção e deploy sem downtime. O usuário não soube que aconteceu.

React 19Next.js 15Angular 18
02

Performance & Observabilidade

Performance tratada como decisão, não como ajuste de última semana

0

Lighthouse

LCP1.1s
INP58ms
CLS0.01

Bundle de 800KB que ninguém quer abrir vira bundle de 180KB que carrega em 3G. Lighthouse de 28 para 95+, LCP em produção abaixo de 1.2s, CLS perto de zero. Depois vem o que sustenta: logs estruturados, distributed tracing, dashboard que o on-call abre sem reclamar.

Core Web VitalsLighthouse 95+Edge Runtime
03

Motion & Interação

Movimento que conta o que a interface está fazendo

Animação boa some. Aparece quando precisa orientar a próxima ação, marcar o que mudou ou dar tempo para o sistema confirmar uma operação. Tudo a 60fps, só transform e opacity, nunca layout. Em checkout e onboarding isso reduz a fricção que aparece no funil.

Framer MotionGSAPScrollTriggerSpring Physicsprefers-reduced-motion
04

Pensamento de Produto

Código é metade do trabalho. A outra metade é a conversa.

Acessibilidade WCAG 2.1 AA
Core Web Vitals no verde
SEO técnico configurado
Observabilidade pronta
WCAG 2.1 AADatadogGitHub Actions

Trabalhos selecionados

Já rodou em
produção.

Projetos em fintech, growth e IA aplicada. Cada um com a decisão técnica que importou e o número que saiu.

Fintech · Produção crítica

2021 / 2024
Em breve

Plataforma Bancária

Plataforma financeira de alta disponibilidade onde downtime vira manchete. Conduzi migração incremental do legado com feature flag em ambiente real e observabilidade fim a fim. Quando algo quebrava, eu sabia onde antes do ticket abrir.

AngularTypeScriptDatadogFeature Flags
1M+ usuários/mês
EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·

Growth · Red Ventures

2019 / 2021
Em breve

Acquisition Platform

Plataforma de aquisição de alto tráfego onde cada décimo no LCP virava conversão perdida. Lighthouse saiu de 28 para 95+, LCP em produção abaixo de 1.2s. O time de growth parou de culpar o frontend nas reuniões.

Next.jsCore Web VitalsA/B TestingEdge Cache
Lighthouse 28 → 95+
EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·

Automação · Freelance

2024 / presente
Em breve

AI Automation Flows

Fluxos automatizados com LLM em produção para clientes de setores variados. Painel de monitoramento próprio, fila com retry visível, custo por execução rastreado. IA que entrega resultado sem virar caixa preta.

ReactLLM IntegrationAutomationMonitoring
Múltiplos clientes
EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·

Infraestrutura · Produto

2023
Em breve

Design System

Design system com tokens semânticos, componentes acessíveis por padrão e documentação que time de produto entendia sem precisar de reunião. Quando outro time precisava de Button novo, ninguém abria ticket. Abria PR.

ReactWCAG 2.1StorybookTailwind
WCAG 2.1 AA
EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·EM BREVE·

Como eu trabalho · Descoberta sem ruído


Entendoantes deconstruir.


Código mais caro é o que resolve problema errado. Começo entendendo o fluxo de verdade, levantando requisito com pergunta, registrando decisão arquitetural em ADR. Não abro editor antes de saber por quê. Refactor evitado custa menos que refactor planejado.

Fluxo mapeadoRequisito validadoADRsDecisão registrada

Como eu trabalho · Código como conversa


PRnão ésó diff.


PR não é só diff. É contexto sobre por que aquela escolha foi feita, qual alternativa foi descartada e o que vai dar errado se alguém mexer sem entender. Reviso com critério em performance, segurança e legibilidade. Recebo feedback sobre padrão que ainda não conheço. Conversa assíncrona por padrão, síncrona quando custa mais explicar do que fazer.

PR com contextoCode review com critérioDocs que sobrevivemConversa assíncrona

Como eu trabalho · Produção é o padrão


Localmente.Produção não.


Local é onde tudo funciona. Produção é onde a verdade aparece. Por isso escrevo pensando em produção desde o começo: TypeScript strict, teste no caminho que não pode quebrar, feature flag em mudança grande. Runbook escrito antes do deploy. Observabilidade que deixa debug sem precisar pedir acesso a log no meio da madrugada.

TypeScript strictFeature flagsObservabilidadeZero-downtime

Como eu trabalho · Arquitetura resiliente


Penso notime queherda.


Código não envelhece por ser velho. Envelhece por ser frágil. Construo em camadas: apresentação separada de regra de negócio, inversão de dependência onde faz sentido, teste que protege contrato em vez de testar mock. Já vi time inteiro travado por acoplamento que ninguém mais ousava mexer. Evito chegar nesse ponto.

Clean architectureTeste de contratoCo-locationDomínios isolados

Como eu trabalho · Colaboração em escala


Documentoantes doesquecimento.


Quanto mais gente no time, mais o que não está escrito vira gargalo. Trabalhei em time de três e em time de cinquenta no mesmo ano. A diferença que sustenta o segundo: documentação que viaja com o código, decisão registrada antes do esquecimento, onboarding que não depende de uma pessoa específica estar acordada. Junior cresce sem virar deadweight. Sênior para de ser bottleneck.

Falar sobre projeto →