// About page — class-driven via styles.css function AboutMain() { const [email, setEmail] = React.useState(''); const [msg, setMsg] = React.useState(''); const [err, setErr] = React.useState(''); const [status, setStatus] = React.useState('idle'); const sanitize = (s) => s.replace(/[<>]/g, ''); const submit = async (e) => { e.preventDefault(); if (status === 'sending') return; const emailTrim = email.trim(); const msgTrim = sanitize(msg).trim(); if (!emailTrim || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailTrim)) { setErr('Please enter a valid email address.'); return; } if (!msgTrim) { setErr('Please add a short message.'); return; } setErr(''); setStatus('sending'); try { const res = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ email: emailTrim, message: msgTrim, botcheck: '' }), }); const data = await res.json().catch(() => ({})); if (res.ok && data && data.ok) { setStatus('sent'); setEmail(''); setMsg(''); } else if (res.status === 404) { setStatus('idle'); setErr('Contact form is only available on the deployed site.'); } else { setStatus('idle'); setErr((data && data.error) || 'Something went wrong. Please try again later.'); } } catch (_) { setStatus('idle'); setErr('Network error. Please try again later.'); } }; return (
{/* LEFT — About */}
Jason Yu
Based in Metro Detroit, MI
Lead Product Designer
15+ years across enterprise, data and health
LinkedIn — /in/jbirdux Download resume
About

Where complexity owes you clarity.

I'm a product designer who got interested in security by getting social-engineered in a video game as a kid. That sounds like a non-sequitur until you realize most of what I think about (trust systems, failure states, designing for skeptical users) traces back to the same instinct: what breaks this, and who gets hurt when it does.

Gaming has quietly solved some of the hardest UX problems in existence: onboarding without tutorials, economy systems that balance trust and reward at scale, feedback loops that keep complex state legible under pressure. Those aren't gaming problems. They're product problems.

Design philosophy
    {[ ['Prevention over reaction', "Good design doesn't respond to failure; it makes certain failures structurally impossible."], ['Constraint is the brief', "Limitations aren't obstacles to design around; they're the problem statement itself."], ['Single responsibility', 'Every component, screen, and system should do one thing well enough that you never have to ask what it\u2019s for.'], ['Legibility under pressure', "The real test of any interface isn't how it performs when everything is fine; it's how much it reveals when something isn't."], ].map(([t, d]) => (
  • {t}
    {d}
    • ))}

Outside of design, I shoot barebow archery; a recurve style with no sights or stabilizers, just the bow and your own form. I like it for the same reason I like hard design problems: there are no shortcuts, only patience and small, honest adjustments. I’ve earned USA Archery’s red pin and took third place in a local club tournament.

{[ ['assets/archery-full-draw.jpg', 'Barebow, at full draw'], ['assets/archery-third-place.jpg', 'Third Place at the Rising Phoenix Archery Galactic Tournament, 2025'], ].map(([src, cap]) => (
{cap}
{cap}
))}
{/* RIGHT — Contact form + On the record */}