Product designer · Chicago

Building tools to support embodied presence.

In our increasingly digital world, I care about technology that is in service of embodiment in our daily activities. I design and build software for the moments that happen off the screen — a teacher mid-lesson, a musician mid-session — built to seamlessly support a process, and to fall away as we weave our way back into our work in the world.

Selected work 01–04

012026 – present · deployed

Fretboard Constellations

For a guitar teacher, mid-lesson

What
A theory instrument that lights every note of a key across the guitar neck, with notation and TAB, and re-lights it the moment the key changes.
Decision
Light the whole key, not one box shape — and a student stuck in boxes started listening instead of running scales.
Role
Product design & front-end build, with Claude Code
Stack
TypeScript · React · Web Audio · VexFlow
022026 – present · in daily use

Becoming

For someone with more intentions than hours, at the start of a day

What
A local-first companion that puts vision, projects and the day's hours on one ladder, so you can see whether your time went where your values are.
Decision
Vision, project and action became one kind of page at three sizes — so an hour has an address, and the work can be traced to the thing it was for.
Role
Product design & build
Stack
TypeScript · React · SQLite · Electron
032026 – present · launching October

Raga Practice Library

For a raga student, practising between classes

What
A private practice library for Silvia Nakkach's raga class: every raga's notes, recordings and imagery in one place, with a player built to loop and sing along.
Decision
Organise by raga instead of by folder — and build it from parts of my own apps, in one afternoon.
Role
Product design & build, with Claude Code
Stack
TypeScript · React · Express · SQLite · Web Audio
042026 · Client · live

Yoga of the Voice

For a newcomer, meeting a thirty-year practice

What
A landing page for Silvia Nakkach's 108-hour Certificate — live in about 48 hours, now the school's front door for the programme — and the trust that opened a fifteen-page follow-on engagement.
Decision
Keep the client's AI-drafted structure; refine the voice line by line and fold the depth into accordions.
Role
Design & front-end build
Stack
HTML · CSS · JavaScript

Process

Listen, design, build.

Every project starts with listening: to the problem, the people, and what's needed beyond the brief. Then I design it and build it, until it feels calm and coherent to use — off the screen as much as on it.

  1. 01

    Listen

    • User research & surveys
    • Personas, user stories & flows
    • Competitive analysis
    • Usability testing
  2. 02

    Design

    • Interaction & visual design
    • Wireframes & prototypes · Figma
    • Type, colour & brand identity
    • Design tokens & systems
  3. 03

    Build

    • HTML · CSS · JavaScript
    • TypeScript · React · Electron
    • Web Audio API
    • AI-assisted development · Claude Code

About

Stu Pender with a guitar

Stu Pender

I'm a product designer in Chicago. I design interfaces and build them — HTML and CSS, React and TypeScript — with Claude Code as a daily pair.

The other half is music: a jazz degree, fifteen years of teaching, and a decade of production work for clients. Teaching is where I learned to make hard things simple. Production is where I learned to finish.

This is the product and design side. The studio and sound side lives at Being Sound.

“The creative process is seamless: clear, collaborative, and so attuned. He listens to your vision, honors your preferences, and then elevates them with his own expertise.”

Maia Benaim, on the sound I composed for her podcast and membership

Contact

Say hello.

stu_pender@me.com

Elsewhere