Front-end & Interfaces
Interfaces rápidas, acessíveis e bem construídas — do componente ao deploy.
Transformo design em interface de verdade: componentes reutilizáveis, performance medida (Core Web Vitals), acessibilidade e SEO técnico. Construo com React e Next.js, em TypeScript, com foco em código limpo e fácil de manter — de landing pages institucionais a front-ends de produto com i18n, animações e testes automatizados.
Onde eu mais agrego: times de produto que precisam de um front-end sólido, rápido e fácil de manter — do MVP ao site em escala.
- React
- Next.js
- TypeScript
- Tailwind
- Framer Motion
- Core Web Vitals
performance medida com Lighthouse, não no achismo
- A11y
navegação por teclado, foco visível e checagem com axe
- i18n
sites multi-idioma com rotas e SEO por locale
Como funciona
- 01
Entendimento
Leio o design (ou o problema), alinho objetivos, público e métricas de sucesso e quebro o trabalho em entregas pequenas.
- 02
Componentização
Monto o design system: tokens, tipografia e componentes tipados e reutilizáveis — a base que mantém a interface consistente.
- 03
Desenvolvimento
Construo as telas em Next.js + TypeScript: responsivas, acessíveis, com animações sutis, SEO técnico e dados estruturados.
- 04
Qualidade & deploy
Testo (Vitest/Playwright), meço com Lighthouse, publico (Vercel, Hostinger ou VPS) e acompanho os ajustes pós-lançamento.
O que está incluído
Design fiel ao layout (Figma) ou criado do zero
Componentes tipados e reutilizáveis (design system)
100% responsivo (celular, tablet e desktop)
Acessibilidade: semântica, teclado e contraste
SEO técnico, sitemap e dados estruturados (JSON-LD)
Performance otimizada (imagens, fontes, bundle)
Multi-idioma (i18n) e tema claro/escuro
Animações sutis (Framer Motion / GSAP)
Formulário de contato com envio de e-mail
Deploy, domínio e analytics configurados
Stack que uso
Onde já fiz isso
Perguntas frequentes
Você trabalha a partir de um design pronto?
Sim — implemento layouts do Figma com fidelidade. Se ainda não houver design, proponho um no estilo do projeto antes de codar.
Consigo editar o conteúdo depois?
Sim. Posso ligar o site a um painel administrativo próprio (como neste portfólio) ou a um banco/CMS, para editar textos e imagens sem mexer no código.
Você pega projetos já existentes?
Pego. Começo por uma leitura do código e um diagnóstico (performance, acessibilidade, dívidas técnicas) e evoluo em etapas, sem reescrever tudo à toa.