Project Overview

During my 3 years as a product designer at Rocketseat, I helped build and maintain Andromeda, our design system. Since we had a relatively small product and development team, there was no dedicated team for the design system, which made it both a challenge and a rewarding learning experience.

Design Process

1. Context & Opportunity Analysis: Both designers and developers wished to have documented reusable components and a shared and scalable language. We were also paying for Figma licenses but weren't utilizing one of its main features—shared libraries.

2. Understanding & Alignment: I led several meetings to identify team pain points and align the design system structure. The goal was to create a shared language and mirror tokens and components between design and code.

3. Component Creation & Documentation: Designed and tested components with a focus on accessibility.

4. Icon Libraries: Organized and maintained a cohesive icon library.

5. Prioritizing Roadmap: Assisted in prioritizing updates and changes to the design system.

Outcome

1. Reduced feature delivery time.

2. Improved communication between designers and developers.

3. Streamlined onboarding for new employees.

4. Simplified future rebranding efforts.