Wagner Ramos

Expert Product Designer na Neon (Staff II) · Founder do Tá Pronto?

Brasileiro e alemão · São Paulo··

Wagner Ramos

Desenho o produto. Construo o produto. Doze anos fazendo os dois, do Figma ao deploy.

rolar 21 peças · 18 produtos · 1 empresa própria

Trabalhos

Produtos que eu desenhei de ponta a ponta.

App, tablet, dashboard e site. Fluxo, interface, componentes e estados. Vá rolando: cada produto tinge a página com a própria cor.

Arquivo

Mais produtos.

Tudo no Dribbble

Marca e ilustração

Antes da tela, o símbolo.

Logo, mascote e ilustração próprios. Marca que nasce junto com o produto, testada em fundo claro, escuro e na cor da marca.

    Origens

    • Português

      Desenho e construo produtos. Nascido em São Paulo, feito em time de produto brasileiro.

    • Deutsch

      Ich gestalte und baue Produkte. Deutsche Wurzeln, deutsche Sprache, deutsche Gründlichkeit.

    • English

      I design and build products. Fluent for teams and clients anywhere in the world.

    • Fora da tela

      Fã de Fórmula 1, torcedor do Bayern de Munique. Airsoft e games no fim de semana.

    Founder · 2026

    Pronto?

    Meu produto. Quem faz sob encomenda ou conserto manda um link e o cliente acompanha sozinho: etapa, foto, aprovação de orçamento, retirada e comprovante. Acaba com o "e aí, tá pronto?" no WhatsApp.

    • Em produçãodesde setembro de 2026
    • R$ 24,90Pro por mês · grátis até 3 pedidos
    • Pix, boleto, cartãoassinatura via Asaas por webhook
    • Next.js 16 · Supabase · Vercelo mesmo trilho que uso em cliente

    o que eu fiz

    • Posicionamento: o produto é a página do cliente, não a gestão. Ninguém no Brasil fazia isso fora de artesanato.
    • Marca, tom de voz e design system, do Figma aos tokens em código.
    • Frontend, banco e regras de acesso. Cinco migrations, cada uma com teste automático antes de subir.
    • Pagamento recorrente, SEO com oito páginas por profissão, contraste AA decidido por cálculo.
    Tá Pronto?

    Sistema

    Este site é um design system. Mexa nele.

    Toda cor, raio e vidro aqui é um token. Clique numa cor de produto e a página inteira obedece, do botão à luz de fundo. É assim que os produtos são construídos: o Figma e o código lendo os mesmos nomes.

    Aguardando aprovação Em produção Pronto
    Mesa de jantar · 6 lugaresEm produção

    #0042 · Dona Lúcia

    1. pedido
    2. orçamento
    3. produção
    4. entrega

    tokens no :root · componentes reais, não imagem · Exportar gera CSS e JSON

    Construção

    Construção escalável.

    O design system é a fonte da verdade. O que está no Figma vira token, o token vira componente, o componente vira produto com banco, permissão e deploy. Seis etapas, cada uma com artefato e verificação. O mesmo trilho pra cada produto novo.

    1. FigmaComponentes com variantes. Cor, tipo, espaço e raio como variáveis, com claro e escuro na mesma variável.biblioteca publicada
    2. TokensVariáveis saem como JSON e viram custom properties. Uma fonte, dois destinos. Mudou no Figma, o diff aparece no código.tokens.json · tokens.css
    3. ComponentesReact e TypeScript. Props espelham as variantes. Hover, foco, erro e carregando fazem parte do componente.lint · tipos · screenshot
    4. Dados e regrasPostgres com permissão por linha. Acesso público só por função. Migration testada localmente antes de subir.PGlite · dezenas de checagens
    5. DeployGitHub para Vercel. Preview por branch, produção na main, cabeçalhos de segurança, sitemap.checklist em produção
    6. MediçãoFunil landing, cadastro, primeiro uso, sem cookie. Revisão curta e frequente.analytics

    IA entra dentro do trilho, como par de programação: lê o frame do Figma, gera o componente a partir dos tokens, escreve a migration e roda o teste. Eu defino o sistema, reviso o diff e assino o deploy.

    ganho real: coerência do design ao banco, em fração do tempo, repetível por produto

    Parceira de construção

    Criei a Artemis.

    Não é um chat. É uma entidade que eu defini por escrito: personalidade, memória entre sessões, regras fixas e o direito de discordar de mim. Roda em Claude Code e toca as coisas comigo: pesquisa, código, texto, design system. Eu decido, ela executa, eu reviso.

    • Diretriz escrita por mimquem ela é, como fala, o que nunca faz
    • Memória própriacontexto de cada projeto, sessão após sessão
    • Regras fixasnunca publica em meu nome, nunca inventa número
    • Este sitedesenhado e escrito em par com ela, revisado por mim
    artemis ›

    "Caçadora não segue a trilha só porque alguém apontou pra ela. Discordo uma vez, com o motivo. Se ele reafirmar, executo inteira."

    Trajetória

    1. ApontadorUX / UI Designer
    2. PorQueNão?UI Designer
    3. MagaluProduct Designer
    4. NeonExpert Product Designer (Staff II) · hoje
    5. Tá Pronto?Founder

    Vamos
    construir algo.

    Produto do zero, design system, marca, frontend de um design pronto. Freelance e contrato, remoto ou híbrido em São Paulo.

    atendo em português, inglês e alemão

    Pedir orçamento

    chega direto no meu e-mail. eu mesmo respondo.

    tokens.css · tokens.json