Olá, prazer! Sou,

Gabriel Moreira

Product Designer Sênior. Uso LLMs no meu próprio fluxo de design e desenho produto de IA: fluxos de agente, estados de confiança e recuperação de erro. A outra metade do meu trabalho é produto financeiro regulado, jornadas bancárias, onboarding e KYC. Prototipo em código, então entrego POC funcionando em vez de tela estática.

0 anos desenhando produto, 0 em tecnologia.

Trabalho de quem confia
Bradesco Natura BRB Toyota
Sobre

Uso IA como ferramenta e desenho IA como produto.

Gabriel Moreira
O que decide um produto de IA é como o modelo mostra confiança, o que ele recusa a fazer e quanto controle sobra para a pessoa do outro lado.

IA, Código & Produto

Venho de Análise e Desenvolvimento de Sistemas, e isso mudou a forma como eu desenho: penso em estrutura e semântica antes de pensar em tela. Uso Claude Code, Codex e outras LLMs para montar POCs e MVPs em React em algumas horas. Assim eu testo o fluxo real e derrubo hipótese errada antes de ocupar o tempo da engenharia.

Design Systems em Escala

Liderei o GaYa, o design system unificado da Natura &Co (Natura, Avon e The Body Shop) para Web, iOS e Android. Entreguei mais de 150 componentes e montei fluxos com IA generativa para documentação e handoff, o que gerou um ROI aproximado de 144% para o negócio. Junto com o time de Branding, recalibrei o sistema de cores para o sistema passar em WCAG AA/AAA.

Fintech, Neurociência & KYC

Em produto regulado, uso princípios de neurociência e dados para tirar peso da jornada. Também levei essa lógica para clientes em projetos independentes, em cenários críticos de segurança. Em um projeto de KYC, reestruturei os fluxos de liveness e validação facial, e o atrito e o abandono no cadastro caíram bastante.

Projetos selecionados

Casos onde design, engenharia e IA andaram juntos.

001 / GAYA GaYa Design System, Natura
Design System · Multimarca · IA no processo

GaYa. O design system que unificou as marcas do Grupo Natura &Co.

Liderei a construção do design system multimarca do Grupo Natura &Co, aplicado em e-commerce e na operação de consultoras. Tokens em três camadas, theming por marca, governança distribuída e WCAG 2.2 AA/AAA. Com Cursor e LLMs no fluxo (documentação, scaffolding de código e ícones), chegamos a 200+ tokens e 150 componentes, com 40% menos bugs de acessibilidade e ~144% de ROI.

~144% de ROI -40% bugs de acessibilidade 200+ tokens 150 componentes LLMs no fluxo de design Tokens em três camadas Theming multimarca Governança distribuída WCAG 2.2 AA/AAA
002 / OTTO OTTO Vigilant, painel embarcado em veículo
Produto de IA · Segurança · HMI

OTTO Vigilant. Copiloto de IA que previne fadiga e estresse ao volante.

Conceito independente de um sistema embarcado que monitora sinais de fadiga, estresse e desatenção em tempo real e responde com microinterações de áudio e visuais, para reduzir o risco operacional em frotas. Inclui paleta de alertas segura (WCAG 2.1) e um protótipo funcional em React, construído com Claude Code. Sem vínculo com a Volkswagen.

Fusão multimodal de sensores Intervenção em tempo real Paleta de alertas segura (WCAG 2.1) POC funcional em React Construído com Claude Code
003 / VERO Vero ID, verificação de identidade com prova de vida
KYC · Onboarding · Produto funcional

Vero ID. Verificação de identidade (KYC) que cada empresa usa com a própria marca.

Um sistema white-label que mostra a jornada completa de KYC: a empresa envia um link, o cliente faz uma selfie com prova de vida e o analista recebe tudo para revisar. Funciona de verdade, com banco de dados e acesso por token enviado ao seu e-mail, então você pode testar os dois lados. Feito com React, Supabase e Cloudflare, com Claude Code.

KYC Liveness React Cloudflare Supabase Claude Code
004 / KYC Consentimento de câmera em KYC, tela de verificação de identidade em app mobile
Produto Regulado · Onboarding · KYC

Consentimento de câmera em KYC. Explicar antes de pedir.

Na prova de vida, dois toques decidem a jornada: o pedido de permissão da câmera. Mal preparados, eles encerram o fluxo ali mesmo. Redesenhei esse momento como conceito: a tela explica o motivo do acesso antes de o sistema pedir a permissão. Protótipo em React, feito com Claude Code.

Permissão de câmera Consentimento Captura de documento Protótipo React Construído com Claude Code
005 / LUMEN Lumen Design System, Storybook
Design System · Storybook · Projeto autoral

Lumen. Design system autoral, token-first, documentado em Storybook.

Projeto próprio para mostrar como estruturo um design system do zero: tokens como base, componentes modulares documentados em Storybook e acessibilidade WCAG 2.2 desde o início. Usei Apple, IBM e Atlassian como referência de arquitetura. Dá para navegar pelo Storybook e inspecionar cada componente.

Token-first Arquitetura modular em Storybook Acessibilidade WCAG 2.2 Referência a Apple, IBM e Atlassian
Depoimentos

Pessoas que construíram coisas comigo.

Tive uma grande oportunidade de trabalhar com o Gabriel quando ele prestou serviços, através da Gabriel Tech Design, para a empresa em que eu atuo. Posso dizer com segurança que ele é um profissional que agrega muito valor em cada etapa do processo. Atuamos juntos em entregas de ponta a ponta, desde a coleta de requisitos até a análise das jornadas do usuário e investigação de causas de drop-off. Em todas essas frentes, ele demonstrou uma excelente capacidade de conectar uma visão estratégica com a parte prática, de forma assertiva. O que mais se destaca no seu dia a dia é a inovação no workflow e a comunicação clara. Ele aplica IA generativa e LLMs na prática para acelerar processos, otimizar documentações e escalar as entregas de design. Além disso, tem uma facilidade enorme para alinhar expectativas, apresentar ideias complexas de forma simples e manter todos na mesma página ao longo do projeto. Recomendo o seu trabalho sem hesitar para qualquer time que precise de alguém com visão analítica, domínio tecnológico e ótima capacidade de comunicação.

Nathalia Habiro Nathalia HabiroSenior Product Designer · Serasa Experian PT
01 / 06
Impacto

Design que aparece no P&L.

01 / Acessibilidade −40%

bugs de acessibilidade no design system em produção

02 / Conversão +18%

conversão em jornada bancária redesenhada

03 / ROI +144%

ROI aproximado do design system multimarca

04 / Eficiência +30%

eficiência entre design e desenvolvimento com IA generativa (Cursor, Claude Code)

Resultados medidos em produtos de Bradesco, Banco BRB e Natura &Co.

Expertise

Como eu trabalho.

No meu dia essas disciplinas se misturam: da ideia ao sistema, e do sistema ao produto em produção.

Product Design com IA

Pesquisa, fluxo, protótipo e validação de ponta a ponta, incluindo fluxo de agente e copiloto, estado de confiança e recuperação de erro.

Prototipação em Código com Claude Code

React, TypeScript, Storybook e Claude Code. POC e MVP funcionando em horas, tanto em empresa contratante quanto em freelance.

Integração de LLMs no Produto e no Processo

LLMs no meu fluxo de design e dentro do produto, com resultado medido.

Design Systems

Token, componente, documentação e governança em escala corporativa.

Jornadas Bancárias, Onboarding e KYC

Abertura de conta, ativação e verificação de identidade, em fluxos onde o compliance define o que pode aparecer em cada tela.

Design Tokens e Theming Multimarca

Arquitetura de tokens em camadas e theming para múltiplas marcas.

Pesquisa com Usuários

Pesquisa qualitativa, mapeamento de jornada e métricas que se sustentam no comportamento real.

Acessibilidade (WCAG 2.2)

Padrões AA/AAA aplicados em componentes e fluxos em produção.

Estratégia de Produto

Roadmap, OKRs e priorização com base em impacto medido.

Currículo

Versão completa, em PDF.

Histórico profissional detalhado, stack técnica, projetos e certificações em um único documento pronto para download.

Baixar currículo completo

PDF · ~ atualizado mensalmente

Vamos construir algo juntos.

Aberto para consultoria, projetos pontuais e oportunidades full-time onde design, engenharia e IA precisem caminhar lado a lado.