Ragnarök: Design System

During my time in Lojas Renner, I had the opportunity to work on the development of 'Ragnarök,' a comprehensive design system tailored for internal use within the company's decision-making systems. This project was particularly exciting as it involved creating a design system that could be seamlessly integrated into various microfrontend applications, enhancing consistency and efficiency across the board.

I collaborated closely with the design and ux teams to ensure that the design system not only met aesthetic standards but also adhered to usability and accessibility guidelines. The system was built using React and TypeScript, with Storybook serving as the documentation and showcase platform for the components and design tokens.

This experience allowed me to enhance my skills in various areas of web development and deliver a high-quality product that significantly improved the development workflow within Lojas Renner. Not only for developers but also for designers and product managers who could now rely on a unified design language for their projects.

• Developed and optimized a high-performing design system with over 30 reusable components along with a Grid System and Design Tokens.
• Collaborated closely with design and UX teams to ensure usability and accessibility standards were met.
• A central hub for accessing design guidelines, component documentation, and best practices.
• Leveraged Storybook, React with TypeScript for captivating front-end experiences.

Storybook Documentation

Storybook setup for documenting and showcasing design system components and design tokens.

Components implemented in another project: Datalab

Specialized Decision Support System made to help business teams to make better and data driven decisions.