Picture of Matt Girardi

Matt Girardi

Copy email

Product Designer | Design Systems Advocate

Designer by day, gamer and chef by night. I design with systems thinking, user empathy, and the occasional snack break.

Detroit, MI

Windows / Mac

Available for work

Matt Girardi

Copy email

Product Designer | Design Systems Advocate

Designer by day, gamer and chef by night. I design with systems thinking, user empathy, and the occasional snack break.

Detroit, MI

Windows / Mac

Available for work

Picture of Matt Girardi

Back

Warmly,

Warmly,

At Warmly, I partnered with the CEO, lead designer, and engineers to elevate the product beyond its early success as a popular Zoom app. I introduced a design system, overhauled the app’s visuals, and improved core usability based on user feedback. Beyond the product, I refreshed the marketing site, created brand-aligned assets, and designed a VR motion demo of our nametag used for pitching to investors.

Role

UI/UX Designer

UI/UX Designer

Timeline

2021 — 2023

2021 — 2023

Platform

Desktop, Web, AR

Desktop, Web, AR

Thanks to

Corina Boo, Maximus Greenwald, Alessandro Cetera, & Alan Zhao.

Corina Boo, Maximus Greenwald, Alessandro Cetera, & Alan Zhao.

IMPACT

IMPACT

I improved Warmly’s speed, consistency, and user experience by implementing a scalable MUI design system, redesigning core flows and the website, and creating an augmented reality demo that supported investor fundraising.

Cut design-to-dev handoff time by ~40% and reduced visual inconsistencies across the app
Cut design-to-dev handoff time by ~40% and reduced visual inconsistencies across the app
Improved task completion rates by ~20% in usability tests & increased site conversion by double digits
Improved task completion rates by ~20% in usability tests & increased site conversion by double digits
Helped secure new investor interest, contributing to Warmly’s fundraising efforts in 2022
Helped secure new investor interest, contributing to Warmly’s fundraising efforts in 2022

HAND WARMERS
DESIGN SYSTEM

HAND WARMERS
DESIGN SYSTEM

Warmly’s tech debt outweighed its design debt, so I implemented a React-ready MUI system for speed and flexibility, customizing it to inherit our core styles and extend into cross-platform components.

Warmly’s tech debt outweighed its design debt, so I implemented a React-ready MUI system for speed and flexibility, customizing it to inherit our core styles and extend into cross-platform components.

1

1 — EVALUATE

Evaluated Warmly’s existing system, identified design and asset needs, and partnered with engineers to select the right React-ready foundation.

1

1 — EVALUATE

Evaluated Warmly’s existing system, identified design and asset needs, and partnered with engineers to select the right React-ready foundation.

Evaluating Warmly’s existing components and identifying what we truly needed before choosing the right design system.

2

2 — Implement

Translated Warmly’s existing UI into MUI patterns, creating a unified system for typography, spacing, color, and core components.

2

2 — Implement

Translated Warmly’s existing UI into MUI patterns, creating a unified system for typography, spacing, color, and core components.

Defining the core foundation of styles and proper documentation.

3

3 — Extend

Extended the system into reusable cross-platform components and established ongoing governance to keep it consistent as the product grew.

3

3 — Extend

Extended the system into reusable cross-platform components and established ongoing governance to keep it consistent as the product grew.

Applying the Hand Warmers Design System to our redesign.

RESULTS

2x
2x

Faster onboarding for
new teammates

Faster onboarding for new teammates

Shared system made ramp-up
smoother & more efficient.

Shared system made ramp-up smoother & more efficient.

40%
40%

Reduction in
UI inconsistencies

Improved visual & functional
alignment across app & web.

Improved visual & functional alignment across app & web.

Reduction in UI inconsistencies

30%
30%

Faster design-to-dev
handoff

Faster design-to-dev
handoff

Fewer back-and-forth cycles thanks
to standardized components.

Fewer back-and-forth cycles thanks
to standardized components.

“Matt’s work on the MUI design system transformed our workflow. He brought consistency to the product and made collaboration between design and engineering faster and clearer.”
“Matt’s work on the MUI design system transformed our workflow. He brought consistency to the product and made collaboration between design and engineering faster and clearer.”

— Carina Boo, Chief of Product at Warmly

— Carina Boo, Chief of Product at Warmly

AR INTERFACE
CONCEPT

AR INTERFACE
CONCEPT

At our CEO Max’s request, I explored how Warmly’s on-video nametag could extend into AR. I designed a conceptual ‘profile capsule’ to showcase key personal details: name, bio, favorite photos, social links, and mutual friends. The prototype, built in Adobe XD and animated in After Effects, was created to demonstrate the vision to investors.

At our CEO Max’s request, I explored how Warmly’s on-video nametag could extend into AR. I designed a conceptual ‘profile capsule’ to showcase key personal details: name, bio, favorite photos, social links, and mutual friends. The prototype, built in Adobe XD and animated in After Effects, was created to demonstrate the vision to investors.

Interested in working together?
Shoot me an email!

Copy email

Back

Back

© 2025 Matt Girardi.

Thanks for scrolling. All rights reserved.

© 2025 Matt Girardi.

Thanks for scrolling. All rights reserved.