Trainual | Product Redesign and Component Library

Overview

Trainual is a software platform that helps businesses build playbooks to train and grow their team. They needed a refresh of their product UI/UX, as well as a component library built out in Figma.

button components

The Process

I worked closely with the Trainual product team to gather requirements and got an in-depth understanding of their product and user journeys. I kicked off the project by designing new concepts for the refreshed UI design style, and once we agreed on a style, I proceeded to redesign the entire app, screen by screen. As I was designing, I created sets of components. After the redesign was complete, I organized the component library into an easy-to-use library in Figma.

card-components
navigation-components

For freelance inquiries, email me: tyrelsj@gmail.com

For unlimited design & Webflow development from top 1% talent, check out my company 👉 PixelPass

Tyrel Johnson
Senior Product Designer, and co-founder of PixelPass
Get in touch

More by Tyrel Johnson

View profile