Skip to content

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUCT / DESIGN

Engineering, direction and digital craft in one continuous system.

ISSUE / 01

Back to library

06 / LIBRARY

RESOURCE / ebook

Learn Interface Design – Vol. 1

A practical guide to UI/UX for developers who want to build more consistent, accessible, and professional interfaces. From visual hierarchy to Design System, this material connects design and code.

FORMAT

Digital file

ACCESS

Free

COVER / MATERIAL

J / O — LIBRARY

Learn Interface Design – Vol. 1

READING / 02

Supporting material organized for direct reading inside the library.

Every developer should understand design.

In this ebook you'll learn:

  • The real difference between UI and UX
  • Visual principles (hierarchy, spacing, consistency)
  • Color psychology applied to product
  • Mobile First and responsiveness
  • Atomic Design in practice
  • Design System with React + Storybook
  • Nielsen's heuristics and UX laws

If you want to move beyond 'functional frontend' and start building strategic interfaces, this material is for you.