Aidron: Design System

Design System
UX
UI
DesignOps
Atomic Design
Frontend
fernandocamilotti

Fernando Camilotti

@fernandocamilotti

Aidron: Design System

Tech Stack

Storybook
React
Node.js
Typescript
HTML 5
CSS 3
Sass

Description

Aidron is a data driven startup that is growing fast and needed a design system to keep their products consistent and scalable. I was responsible for creating a comprehensive design system that would serve as the foundation for all of Aidron's web applications and future products.

Some processes had to be created to handle DesignOps, ensuring that the design system was always up-to-date and aligned with the latest user and developer necessities.

The use of a Design System was so appealing that they actually got some clients because of it, showing how important a good design system is for a company's image and product quality.

  • Some components were designed based on some specific client needs, making the design system flexible and adaptable.
  • Automatically generated documentation using Storybook for easy access to design guidelines and component usage.
  • Deployment pipelines and a release process were established to ensure smooth updates and version control.
  • A central hub for accessing design guidelines, component documentation, improving not only developer delivery time but also designers delivery value.

Page Info

Storybook Documentation

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

/projects/aidron/storybook.png

Login/Signup Authentication

Secure user authentication system using its design system's components.

/projects/aidron/login.png