01
Base visual
Design como forma de ler problemas.
O design gráfico construiu meu olhar para hierarquia, composição e comunicação — competências que depois passaram a fazer parte da forma como penso interfaces e sistemas.
PERFIL / JHONATAN OLIVEIRA
01 / Perfil
JhonatanOliveira
Frontend Engineer com visão de produto, design e experiência digital.
02 / Perfil
Quem é Jhonatan Oliveira?
Jhonatan Oliveira é Frontend Engineer com foco em React, Next.js e TypeScript, atuando na interseção entre engenharia, visão de produto, design de interfaces e motion para transformar problemas complexos em experiências digitais claras.
03 / Trajetória
Da linguagem visual à engenharia de produto.
Minha trajetória começou no design gráfico e gradualmente avançou para interfaces, código e decisões de produto. Essa origem continua presente no jeito como construo: tecnologia e direção visual fazem parte do mesmo sistema de produto.
02
Engenharia
Frontend virou o meio.
React, Next.js e TypeScript transformaram pensamento visual em produtos interativos, enquanto arquitetura, acessibilidade, performance e manutenção passaram a fazer parte do ofício.
03
Visão de produto
A tarefa deixou de ser o limite.
Hoje, o problema vem antes da implementação: contexto, prioridade, consequências e as decisões necessárias para tornar o software útil e coerente.
04 / Como eu trabalho
Engenharia além da implementação.
Meu trabalho combina arquitetura frontend, contexto de produto e sistemas visuais. O objetivo não é apenas entregar interfaces, mas entender o problema, contribuir com decisões úteis e construir experiências coerentes conforme o produto evolui.
Engenharia
Sistemas que sobrevivem à interface.
React, Next.js, TypeScript, arquitetura, performance e sistemas de componentes sustentáveis.
Produto
Contexto antes do ticket.
Leitura de restrições, priorização do que importa e contribuição para decisões de produto e técnicas.
Experiência
Qualidade visual também é qualidade de produto.
Sistemas de UI, interaction design e motion usados com intenção — não como decoração depois da engenharia.
Fluxos com IA
Aceleração com disciplina de engenharia.
Desenvolvimento assistido por IA integrado a fluxos produtivos, revisão, testes e tomada de decisão.
05 / Expertise
Uma prática frontend com um campo de visão maior.
- 01Engenharia frontend com React, Next.js e TypeScript
- 02Desenvolvimento orientado a produto e decisão técnica
- 03Sistemas de UI, interaction design e motion
- 04Desenvolvimento assistido por IA e fluxos produtivos de engenharia
06 / Trabalhos selecionados
A prova está no trabalho.
Frontend / Product / Design
JO
07 / Próximo capítulo
Bons produtos começam com uma conversa útil.
Se você está construindo um produto digital, evoluindo uma interface ou procurando um engenheiro frontend que contribua além da implementação, vamos conversar.
Entrar em contato