Context
Problem
Solution
Being the first full-time designer at a seed stage startup, I was confronted with a disjointed list of components that were used to build the existing product.
A lack of clear UX and UI patterns led to unnecessary design decision making, leading to increased design times. WCAG accessibility standards were not met in multiple areas of our product. Additionally, in collaborating with our lead FE engineer, it became apparent that custom CSS for the existing components was slowing developers down as well when it came to implementing & iterating on product features.
To enhance accessibility and increase both design & development speeds, I worked closely with our lead FE engineer to put in place a new design system using MUIs UI kit as a base. I worked towards customizing the components using theme elements, creating a robust library of matching components in Figma, and writing internal documentation about existing variants with cross-references to MUI's existing documentation.