01
Visual foundation
Design as a way of reading problems.
Graphic design built my sensitivity to hierarchy, composition and communication — skills that later became part of how I reason about interfaces and systems.
PROFILE / JHONATAN OLIVEIRA
01 / Profile
JhonatanOliveira
Frontend Engineer with a product, design, and digital-experience mindset.
02 / Profile
Who is Jhonatan Oliveira?
Jhonatan Oliveira is a Frontend Engineer focused on React, Next.js and TypeScript, working at the intersection of engineering, product thinking, interface design and motion to turn complex product problems into clear digital experiences.
03 / Trajectory
From visual language to product engineering.
My path started in graphic design and gradually moved into interfaces, code and product decisions. That background still shapes how I build: technology and visual direction are parts of the same product system.
02
Engineering
Frontend became the medium.
React, Next.js and TypeScript turned visual thinking into interactive products, with architecture, accessibility, performance and maintainability becoming part of the craft.
03
Product thinking
The task stopped being the boundary.
Today I care about the problem before the implementation: context, priority, consequences and the decisions required to make software useful and coherent.
04 / How I work
Engineering beyond implementation.
My work combines frontend architecture, product context and visual systems. The goal is not only to ship interfaces, but to understand the problem, make useful decisions and build experiences that remain coherent as the product evolves.
Engineering
Systems that survive the interface.
React, Next.js, TypeScript, architecture, performance and maintainable component systems.
Product
Context before tickets.
Reading constraints, prioritizing what matters and contributing to product and technical decisions.
Experience
Visual quality is product quality.
UI systems, interaction design and motion used with intent — not as decoration after engineering.
AI workflows
Acceleration with engineering discipline.
AI-assisted development integrated into productive workflows, review, testing and decision-making.
05 / Expertise
A frontend practice with a wider field of view.
- 01Frontend engineering with React, Next.js and TypeScript
- 02Product-minded development and technical decision-making
- 03UI systems, interaction design and motion
- 04AI-assisted development and productive engineering workflows
06 / Selected work
Proof lives in the work.
Frontend / Product / Design
JO
07 / Next chapter
Good products start with a useful conversation.
If you are building a digital product, evolving an interface or looking for a frontend engineer who can contribute beyond implementation, let’s talk.
Get in touch