Product design engineer
I partner with product managers, designers, and engineers to figure out what users need, shape the workflow, and ship it as an accessible product.
Current role: design system engineer
On a design system used by roughly 3,500 engineers and designers, I automated Storybook setup, saving more than 10 hours per component, and Figma Code Connect mapping, so nobody translates components by hand.
More about meSee how I designed and built interfaces for complex workflows, with clear ownership and outcomes.
Client work · Fertility logistics
Getting five parties ready before a shipment moves.
A shared workflow for patients and staff shipping fertility specimens between clinics. I owned design and front end, and partnered with engineers on the backend.
75% fewersupport calls after launch
Read the case study
Product work · Home child care
Cutting paperwork for home child care providers.
A voice-controlled platform for recording meals, naps, and attendance during the day. I led front-end work on a three-developer team, from interaction design to reusable components.
2+ hourssaved daily, reported by one provider
Read the case study
Client work · Recruiting operations
Rebuilding an admin app without stopping the pipeline.
An admin interface for a system that sends thousands of job listings to more than a dozen hiring systems. I audited 350 templates and rebuilt the app in four stages, keeping the workflows operators already knew.
0pipeline regressions across four stages
Read the case studyAs a product design engineer, I work across the product decision, the design, and the code that ships it. The case studies show which parts I owned.
The button is usually the easy part.
I map the workflow before designing screens, then check the result after launch. At IVFCRYO, a shared readiness check cut support calls by 75%. The case study shows the alternatives I weighed and why I chose one.
Read the IVFCRYO decisionI build what I design, including the loading, error, and recovery states that mockups leave open. In Logatot, speech the app can’t understand becomes a quick fix for the provider instead of a wrong record.
See the voice repair flowIn my current role, that means automating Storybook and Figma setup so teams spend their time on features. That work isn’t public, so Rudiment UI shows the same approach: accessible components, tokens, and documented APIs you can inspect.
Inspect the component librarySource: https://joshuabriley.com/