Hello, my name is
Tyler Mathes.
I solve problems through design + code.
I’m a hybrid interaction designer and front-end engineer specializing in enterprise design systems. Currently, I’m focused on building out the design system and creating accessible, human-centered products at Availity in Jacksonville, FL.
About Me
Hello! My name is Tyler and I love technology! My interest in design started when I was traveling the Western Pacific with the Navy – I used to collect event flyers in each country I would visit! Eventually I had to make my own flyers (which were terrible), so I went to school for Design and Digital Media at the University of North Florida, which is where I fell in love with the web.
Fast-forward to today, where I’ve had the privilege of working on websites for a boutique web design agency for the hotel industry, callcenter software for a major health insurance company, and a SaaS framework used nationwide by millions of providers.
My main focus these days is building future-proof enterprise design systems at scale, bridging the gap between developers and designers, and advocating for accessibility through user-centered design.
Outside of work, I like to catch a game with my son (Go Jags!), or work on other creative hobbies. Recently I've been into making music with modular analog hardware synthesizers, it's wild!
Here are a few tools I’ve been working with recently:
- JavaScript (ES6+)
- Design Tokens
- React
- Figma
- Style Dictionary
- Material UI
Relevant Experience
Sr. Interaction Designer @ Availity
Oct 2021 – Present
- Designed and built a design tokens pipeline using synchronized Figma and Style Dictionary assets as the source of truth
- Developed reusable Material-UI and Tailwind themes backed by design tokens and exposed as NPM packages
- Created Figma component libraries with complex interactions and variants backed by design tokens
- Wrote documentation on design system principles, component specs, tokens, usage guidelines and accessibility concerns in Zeroheight
- Lead designer for the Digital Transformation initiative, innovating new ways for users to interact with the portal through research and discovery.
Case Studies
Featured Project
Concierge Service Model
A suite of desktop tools used for advanced callcenter personnel to manage a roster of members with chronic conditions. The goal of their role is to reduce the cost of healthcare by offering information about resources, influencing low cost healthcare options and managing chronic diagnoses.
- Adobe XD
- inVision
- UX Research
- Service Design
Featured Project
Provider Search
A suite of desktop tools used for advanced callcenter personnel to manage a roster of members with chronic conditions. The goal of their role is to reduce the cost of healthcare by offering information about resources, influencing low cost healthcare options and managing chronic diagnoses.
- Adobe XD
- inVision
- UX Research
- Service Design
Featured Project
Customer Portal
A suite of desktop tools used for advanced callcenter personnel to manage a roster of members with chronic conditions. The goal of their role is to reduce the cost of healthcare by offering information about resources, influencing low cost healthcare options and managing chronic diagnoses.
- Adobe XD
- inVision
- UX Research
- Service Design
Featured Project
Payments
A suite of desktop tools used for advanced callcenter personnel to manage a roster of members with chronic conditions. The goal of their role is to reduce the cost of healthcare by offering information about resources, influencing low cost healthcare options and managing chronic diagnoses.
- Adobe XD
- inVision
- UX Research
- Service Design
Other Research & Design
Piping Design Tokens from Figma
Managing design tokens in Figma and synchronizing with a Git repository
What’s Next?
Get In Touch
Although I’m not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!
Say Hello