Skip to content

Product UI, shipped in production.

A short set of projects showing how I design, build, measure, and maintain frontend work.

Impact

Measured outcomes from shipped frontend work.

35%

average load-time reduction

38%

faster product delivery

40%

faster legacy-app loading after migration

25%

TTFB reduction

88+

Lighthouse scores achieved consistently

Where I’m strongest.

Responsive product UI

Product screens that need to stay readable across phones, tablets, public displays, and admin tools.

Design systems

Component standards, shared states, and handoff patterns that help teams ship consistent UI.

Real-time interfaces

Live scoring views and state-heavy screens where timing, hierarchy, and trust matter.

Figma to code

Turning design intent into production behavior with attention to states, constraints, and edge cases.

Performance

Improving load time, SSR/SSG behavior, caching, and Lighthouse outcomes without hiding the product work.

Interaction details

Small state, feedback, and motion choices that make interface behavior easier to follow.

Next

For the broader story, start with the profile. For older work, use the archive.