UX/Design Engineer · Design Systems · Front-end

Da intenção de design à interface de produção, com direção técnica.

Sou o Rafael, UX/Design Engineer. Atuo na interseção entre Design, Produto e Engenharia — organizo, refino e direciono tecnicamente demandas de front-end, traduzindo necessidades de produto em soluções viáveis em React e usando IA para acelerar entregas com qualidade e consistência.

Ver trabalhos
Barueri, SP
Role para explorar ↓
UX Engineering · Design Systems · React & TypeScript · Direcionamento Técnico · Arquitetura de Interface · IA com Validação Técnica · Acessibilidade ·

O que faço

01 — Competências
01

UX Engineering & Front-end

Da intenção de design ao código de produção: componentização, estados e comportamentos em React, com acessibilidade e qualidade de implementação.

02

Design Systems & Governança

Componentes, tokens e documentação viva entre Figma e front-end, mantendo consistência entre especificação e implementação.

03

Direcionamento Técnico de Demandas

Organização e refinamento das demandas de front-end junto a Product Owners e desenvolvedores: escopo, dependências, riscos e critérios de implementação.

04

Arquitetura de Interface

Fluxos, estados e jornadas complexas organizados com clareza, previsibilidade e consistência de ponta a ponta.

05

Desenvolvimento Assistido por IA

IA acelerando prototipação, implementação, refatoração, testes e documentação — sempre com revisão e validação técnica do resultado.

06

Design × Produto × Engenharia

Referência entre as áreas: alinhamento com stakeholders e Product Owners, antecipação de riscos e decisões defendidas com fundamento técnico e de experiência.

Stack — React TypeScript JavaScript HTML5 CSS3 Node.js Vite Storybook Figma · Dev Mode Git · GitHub Playwright Copilot · Codex

Projetos selecionados

02 — Trabalhos
Confidencial · NDA
01

Design System — C&M Software

Governança de componentes entre Figma, documentação e implementação — front-end como ecossistema React, com previsibilidade entre Design, Produto e Engenharia.

Design System
React
Governança
02

Jornadas em produto financeiro

Organização de fluxos, estados e jornadas complexas em serviços financeiros, com foco em acessibilidade e consistência visual.

UX
Fluxos
Acessibilidade
Ver no Behance ↗
03

Branding & Web

Identidade visual, desenvolvimento web, e-commerce e campanhas de aquisição — base técnica e estratégica construída entre 2016 e 2024.

Branding
Web
Performance
Portfólio completo no Behance →

Trajetória

03 — Experiência
2024 — Atual

CMSW · C&M Software

UX/Design Engineer · Design Systems · Front-end

Referência na organização, no refinamento e no direcionamento técnico das demandas de front-end junto a Product Owners, stakeholders e desenvolvedores. Governança do Design System entre Figma, documentação e implementação, contribuição para arquitetura de interface e componentização em React, e uso de IA para acelerar entregas — com revisão e validação técnica.

2016 — 2024

Web, Branding & Marketing Digital

Desenvolvimento · Identidade Visual · Performance

Atuação sólida em desenvolvimento web, identidade visual, branding, performance digital, e-commerce e campanhas de aquisição — base técnica e estratégica para a atuação atual em produtos digitais.

2007 — 2010

UNOPAR — Universidade Norte do Paraná

Tecnologia em Análise e Desenvolvimento de Sistemas

04 — Contato

Vamos criar algo juntos.

rafaroyal.nogueira@gmail.com
LinkedIn WhatsApp · (43) 98487-7846 Behance