→ Experience Sonic Keystrokes here (Best viewed on desktop)

A fully interactive browser-based instrument that turns typing into shaped, customizable sound.

Designed and built entirely in code, then given a dimensional 3D treatment in a separate render layer. The live tool, staged as a hero object — playable build available on request.

Drag-and-drop your own WAV/MP3 samples across multiple voice slots — alongside a bank of embedded sounds that run fully offline — then sculpt the response in real time with multi-band EQ, reverb, pitch, and ADSR. Per-stroke humanization nudges pitch, timing, and gain on every press so repeated keys never sound machine-gunned, while automatic loudness normalization levels every sample on load.

Built with — Web Audio API · single-file HTML, no dependencies

Inventor · USPTO-filed · Assigned to Microsoft Technology Licensing

Concept · Visual Design · Information Design · Editorial Design · Diagrammatic Illustration

Bespoke graphics and poster for Haptic Design Principles and Documentation. Created the key art used to evangelize Microsoft's Haptic Design Guidelines.

Invented a framework for Microsoft that tunes haptic vibrations to musical pitch — enabling pitch-aligned haptic patterns, or "haptic melodies," that can harmonize with audio cues and remain consistent across different hardware. Replaces arbitrary noise with designed, musical feedback;

This technology to inform upcoming Microsoft products. Applied at Microsoft for Sensory Mixer (multi-sensory accessibility product, Microsoft Ability Award for Innovating for the Future, 2024).

Patent and internal documentation details available on request, subject to NDA where applicable.

Work for AI Foundry‍, GitHub Copilot, Visual Studio, among others.

More info available upon request.

Designer-builder working on multimodal interaction & agent-state UX at Microsoft CoreAI. Shipping tools that unlock new ground across Design and Engineering teams.

Visual / IA / UX design for Microsoft AI Foundry signed-out experience; CoreAI brand visual design including wordmark, typography systems; + built an interactive competitive audit tool for Microsoft's Foundry AI marketplace redesign — auditing six peer platforms across 11 UX parameters; shipped to design, PM, and enterprise stakeholders.

Built RAI Observatory + RAI Signal Flow Architecture + RAI Ecosystem Dashboard end-to-end (concept → code → delivery) for Microsoft's Responsible AI org — interactive dashboards and visualization tooling for AI governance and risk-signal communication across the AI lifecycle

AI-assisted prototyping workflows producing production-grade prototypes — Claude, Claude Code, Cursor, ChatGPT, Midjourney, GitHub Copilot; sequential code generation, gesture detection refinement, audio crossfade algorithms

MediaPipe gesture-controlled UI prototypes for Microsoft AI Foundry — dwell-based selection, three-screen agent workflow, multimodal interaction patterns

Sonic Keystrokes typing-sonification app — built end-to-end in JavaScript + Web Audio API; embedded MP3 samples, ADSR/EQ/reverb chain, global keyboard event system; 32+ iterative versions

Built interactive competitive audit tool for Microsoft's Foundry AI marketplace redesign — auditing six peer platforms across 11 UX parameters; shipped to design, PM, and enterprise stakeholders.

Immersive Web Audio API soundscapes for Foundry — multi-channel generative ambient audio system with cave stream, wind, tinkle, and dew-drop layers

Diagnosed cross-tool audio playback failure engineering couldn't reproduce — RIFF/hex-level analysis isolated a malformed metadata block; unblocked a critical product sound

External Portfolio Index Tool. Browse All Project Descriptions by Category

An interactive index of project descriptions across all three lanes — filterable by category, client, and discipline. Descriptions are live and searchable; viewable deliverable files coming online progressively. For specific access, reach out.

Front-End Code · Information Architecture · Information Design · UI Design · Interaction Design · Data Visualization · AI Workflows

Built RAI Observatory + RAI Signal Flow Architecture + RAI Ecosystem Dashboard end-to-end (concept → code → delivery) for Microsoft's CoreAI & Responsible AI org — interactive dashboards and visualization tooling for AI governance and risk-signal communication across the AI lifecycle

Built with — HTML · CSS · JavaScript · Custom Sankey path rendering · No dependencies

Interactive build available on request.

Interactive tool auditing five peer platforms across 11 UX parameters; shipped to design, PM, and enterprise stakeholders.

More info available upon request.

When a critical product sound (WAV file) failed to play correctly across audio toolchains — a failure engineering teams couldn't reproduce or trace — I performed RIFF- and hex-level analysis of the file's binary structure to isolate the cause: a malformed metadata block introduced by an undocumented Pro Tools metadata-container discrepancy, with implications for industry-standard WAV interoperability. Identifying the malformed block unblocked engineering, restored the product sound, and surfaced a previously-undocumented behavior with broader implications for the audio toolchain. We learned that Pro Tools tends to export significantly more metadata than other industry standard audio software (e.g. Logic). Some applications are confused by these additional chunks.

Part of the broader STEAM education initiative tied to the film's release: Marvel Studios · Microsoft (Azure Space) · NASA · Redwire Space · International Space Station National Laboratory.

Music inspired by Paula Abdul, Timbaland, Britney Spears, and New Jack Swing — riffing on Star-Lord's 90s/00s music in Guardians of the Galaxy Vol. 3 (where the Zune, a Microsoft music player, carried his evolving library). Compositions written and implemented into MakeCode Arcade's in-game music player.

→ Read about it on Fast Company
→ Read about MakeCode Arcade's music player activity.
→ Kiki's Corner (Medium) — Save the Galaxy with MakeCode Arcade
→ Play the Galaxy tutorial: aka.ms/galaxy
→ Experience MakeCode Arcade's Music player activity: aka.ms/ZunePrototype
→ “Microsoft, Marvel, and NASA team up to 3D print a Zune in space.” Florida Today

Part of the Paramount × Microsoft partnership tied to the motion picture’s theatrical release.

Contrapuntal music composed in response to the D&D film score; source music arranged for MakeCode Arcade's interactive adventure-game format. Compositions implemented into the game's audio system. Includes a secret burger MIDI easter egg.

→ Kiki's Corner (Medium) —Create an Adventure
→ Play on MakeCode Arcade