<aside> <img src="/icons/meeting_green.svg" alt="/icons/meeting_green.svg" width="40px" /> My responsibilities include preparing, updating, and maintaining the design system, as well as designing new components, styles as needed by designers.

</aside>

In Alpha, we had three products to work on. Because of this, I suggest creating a central design system that can be used for all the products.

Screenshot 2023-05-20 at 10.38.31 am.png


We began creating the design system using the Bootstrap 5 UI kit at the request of our tech lead.

Screenshot 2023-08-06 at 10.02.05 am.png

At first, we needed to change and add new styles and components to make sure we were ready to start designing. we had a short deadline to start designing because of that first I changed the things that were necessary and didn’t change the components that we could change quickly in future.

Initially, we needed to update and add new styles and components in preparation for the design phase. Given our short deadline, I prioritized necessary changes and left components that can be updated quickly for future revisions.


For example, I conducted research to find the best approach for typography and created separate typography for desktop (large screen) and mobile (small screen) sizes in two languages.

Screenshot 2023-05-20 at 10.37.17 am.png

Screenshot 2023-08-08 at 10.02.11 am.png


One of the custom components I designed: