João Fatoretto — Product Designer que entrega código

Escute.

Sou product designer sênior, com mais de 7 anos em produtos B2B e B2C. Começo por pessoas e dados reais, depois desenho e construo a solução eu mesmo, do Figma ao código em produção.

2×

Conversão de download do app em compra, em um ano

Superopa
+15%

Conversão de adição ao carrinho depois de um redesign das promoções

Superopa
Minutos

E não semanas, para admins de estudos clínicos mudarem perguntas de perfil

Syneos Health
< 3 meses

Da ideia a um MVP de fintech no ar, liderando 3 designers

Transferência Segura
Times e clientesSyneos HealthTempo (Y Combinator)ValeItaúFoodpassCasar.com
Cases

O problema, a minha parte e o que mudou

Cada case abre com um resumo curto: o problema, o meu papel, o time e o resultado. O processo completo vem depois.

Como eu trabalho

Do ruído a uma decisão clara

Todo projeto começa com ruído. O trabalho é escutar tudo, achar o padrão e transformar isso em algo que dá para construir.

  1. Passo 1

    Escutar

    Entrevistas, analytics, tickets de suporte e pesquisas. Na Syneos Health, uma pesquisa de interceptação revelou dores que ninguém no time conhecia.

  2. Passo 2

    Achar o sinal

    Muitas entradas, um problema que vale resolver. Na Superopa, o CTO pediu um cronômetro de contagem regressiva. O funil mostrou que as pessoas nem encontravam as promoções.

  3. Passo 3

    Desenhar

    Fluxos, estados e sistemas que um time pode reaproveitar. Meu template no Figma Make virou o jeito padrão do meu time de explorar ideias, dentro do design system, em horas em vez de semanas.

  4. Passo 4

    Construir

    React e TypeScript em produção, ou um teste de viabilidade em código antes do handoff, para que os engenheiros recebam designs que dá para construir com bibliotecas comuns.

Como eu construo

Eu construo o que desenho

Sou formado em Ciência da Computação e programava antes de fazer design. Hoje desenho e programo sozinho meus próprios produtos de IA: front-end, back-end, agentes, banco de dados, autenticação e cobrança. O Claude Code é minha principal ferramenta. O julgamento continua comigo.

TypeScriptReactTailwindNode.jsMastraPostgreSQLSupabaseRailwayClaude Code
01Eu escrevo os critérios de aceite e sou dono da arquitetura.
02Os testes vêm primeiro: TDD comportamental e ponta a ponta.
03O Claude Code escreve a implementação.
04Testes e checagem de tipos passam primeiro. Depois eu reviso.

Nikki

Beta · 2 empresas

Um sistema de IA no WhatsApp para pequenas empresas. Ele pede a opinião dos clientes, transforma os satisfeitos em avaliações no Google e manda o resto para o dono como feedback privado.

Agentes Mastra · Node.js no Railway · PostgreSQL no Supabase · login com WhatsApp

Pixel Perfect

Perto do lançamento

Modelos de imagem não conseguem desenhar pixel art de verdade. Meu próprio algoritmo transforma o que eles geram em pixel art limpa e consistente, para estúdios de games indie e artistas.

React · TypeScript · Tailwind · o algoritmo roda no servidor, no Railway

Creative Marketing

Em desenvolvimento

Agentes que criam sozinhos peças de anúncio fiéis à marca, para times de marketing.

Agentes Mastra · TypeScript · PostgreSQL
Sobre

Oi, eu sou o João

Eu desenho e construo o produto, da pesquisa ao código em produção.

Comecei como desenvolvedor em 2017 e migrei para UX/UI em 2018. Desde então, desenhei para startups, uma empresa de IA apoiada pela Y Combinator, clientes da Fortune 500 e uma empresa global de saúde, em B2B e B2C, na web e em apps nativos.

Liderei e fui mentor de designers, criei design systems que os desenvolvedores de fato usaram e trabalhei no dia a dia com times de dados. Também dei aula para mais de 30 alunos como tutor de UX/UI na Coderhouse.

Cargos
Product Designer Sênior · Design Engineer
Trabalho
Remoto, com times dos EUA e do Canadá
Idiomas
Inglês (fluente) · Português (nativo)
Áreas
Saúde · Fintech · E-commerce · SaaS de IA · Corporativo
Formação
Bacharelado em Ciência da Computação, UNICAMP · MBA em UX Research e Liderança em Design

Vamos conversar.

Contratando para product design ou design engineering? Me mande um e-mail sobre a vaga.