Sobre mim

A ponte entre Figma e Código.

Sou um Senior Product Designer com 15 anos de experiência (5+ anos focados em Produto). Diferente de designers tradicionais, eu valido minhas decisões diretamente no código.

Utilizo o desenvolvimento de MVPs funcionais—como meu projeto SaaS Gold Miner—como laboratório técnico. Ao alavancar assistentes de IA para acelerar a implementação Front-end (Vue.js, Nuxt 3, Tailwind), mantenho minha proficiência técnica para reduzir o retrabalho de engenharia e entregar produtos melhores com mais agilidade.

Foto de perfil

Como eu Trabalho

Design Pronto para Código

Projeto pensando na implementação (HTML/CSS/Vue). Garanto que o que validamos no Figma é exatamente o que vai para a produção.

Evidência > Opinião

Valido problemas com usuários reais antes de polir pixels. Meu processo depende de feedback qualitativo para criar recursos que as pessoas realmente precisam.

Escalabilidade Primeiro

O caos não escala. Arquiteturo Design Systems semânticos e documentação limpa desde o Dia 1 para manter o produto consistente.

Colaboração Sem Ego

Trato desenvolvedores e stakeholders como parceiros. Troco a "defesa do design" por resolução de problemas em conjunto para entregar mais rápido.

Experiência

Projeto de Estudo

Gold Miner (SaaS)

Junho 2025 - Presente

  • Desenvolvimento de Ponta a Ponta: Construindo um MVP de SaaS para validação de leads do zero. Cuido de todo o ciclo do produto, da Estratégia de UX até a implementação Front-end usando Vue.js, Nuxt 3 e Tailwind.
  • Viabilidade Técnica: Provando na prática que designers podem entregar código, reduzindo o abismo entre protótipo e produção.

Ferramentas e skills técnicas

01

Product Design & Estratégia

O centro do meu trabalho.

  • Figma (Avançado): Variáveis (Variables), Auto Layout, Propriedades de Componente.
  • Design Systems: Arquitetura de Tokens, Documentação, Escalabilidade.
  • UX Research: Entrevistas com Usuário, Validação Qualitativa, Testes de Usabilidade.
  • Prototipagem: Fluxos interativos de alta fidelidade (Figma & Código).
02

Stack Front-end (Design Engineering)

Como eu conecto Design e Dev.

  • Frameworks: Vue.js, Nuxt 3.
  • Estilização: Tailwind CSS, HTML5 Semântico, CSS3.
  • Workflow: Git, GitHub, VS Code.
  • Banco de Dados: Integração básica com Supabase.
03

Visual & 3D

Meu background visual.

  • Adobe Creative Suite (Photoshop, Illustrator).
  • Modelagem 3D: Rhino 3D, KeyShot (Renderização).

Formação Acadêmica

Certificação em Web Design & Frontend

Origamid

2023

Bacharelado em Comunicação Social

Universidade Católica de Santos

2006 - 2009

Procurando um Product Designer sênior para seu time? Vamos conversar.

Desenvolvido por Felipe Vasques