Matt Beaudry

Wrench Design System

The homepage

I maintained an interesting landing page for the design system. First impressions are important!

Chat bubble component

We noticed there were multiple different AI related chat interfaces being built across the company. I helped unify the requirements for each and built a unified chat bubble component complete with loading and typing animations.

Illustrations

I implemented a fresh set of customizable SVG illustrations into the design system. I created a simple yet useful search and filtering interface that allowed both designers and engineers to browse our illustrations library. It was able to preview every combonation of customizable props available for each illustration.

Date picker component

I found that there were many different date pickers being used across the product, some custom built, some using different third party libraries, all looking very different. I helped bring consistency to the product by unfiying these into a single shared date picker component that I themed and built into the design system.

Notification animation

I often used our design system to inject delightful animations into our components, like this one to alert the user of a new notification.

Dashboard prototype

I became the "prototype guy" at the company, often getting involved in the design process very early on during ideation to help explore design ideas in the browser. This was a huge help in assisting designers with things like: interaction design, animation, design system component usage, accessibility and responsive design. Here's a fun example of a feature landing page I built to help the team explore some fresh ideas.

Design guidelines

I was a contributor to the design docs site and published some well researched design guidelines. Like this one, helping designers decide which type of selection component they should choose based on the details of their use case.

2025 year in review

I designed this dashboard for a company offsite "science fair" booth. I came up with the idea to track every instance of a component used across the org, and multiply that by estimated time saved for each component, to come up with a loose estimate of time and money saved by using the design system.