John Martinez AyalaDesign Engineer

  • Bluzelle
  • Chris Wilson
  • Gamma 4
  • Sandrin Leung Inc.
  • The Evolved Co.
  • Reach Recovery & Performance
  • BX Studio
  • Mvmtlab
  • ReturnBear
  • MixMob

I design interfaces and build them in production code. Gene Spectra analyses a whole DNA file inside the browser without uploading a byte. PortraitDirector turns a 3D lighting rig into prompts an image model follows. This site runs on Astro with a strict performance budget. I work in the space between design and code, and I'm the one who has to make both hold up.

Selected work

How I work

  • Robotic hand holding a glass cube

    Design

    I design with the build in mind, using real content and every state a component needs.

  • Mechanical keyboard switch tester with keys reading make and cool

    Build

    Next.js, Astro, React and SwiftUI. I ship production code and treat performance as part of the design.

  • Close-up of a processor chip

    AI

    Claude Code is part of how I build, and I build products with AI inside them, like the prompt system behind PortraitDirector.

Let's talk.

Hiring a design engineer? I'd like to hear about it.

Email meLinkedIn