Side Project
Gantt chart data component
Creator
May 2022 - Feburary 2024
Who
People using the IBM Carbon Design System
What
People need guidance on time-based complex charts as well as a UI component that they can use in their designs
Why
Several products require a Gantt chart so there needs to be consistency across all 80+ products that may use a Gantt chart
Impact
30+ external hits on the Gantt chart figma kit as well as +3000 IBM designers have access to apply it in their designs
Overview
A volunteer project that I managed on the side of my day-to-day work. I designed from concept to final a brand new data visual UI component for IBM’s Carbon Design System. One of the largest visual design systems.
Deliverables
Gantt Chart card component
This includes all information needed about the task that is displayed in the task bar
Gantt Chart bar component
This is the visual representation of the task. The task bar is the width matches the timespan the task is scheduled for.
Competitive audit
Understand what is the external standard for a gantt chart and why
Roadmap
Prioritize what functions and features
Building components
Break up the features of the chart
Playback
Share to the figma and carbon guild
Figma kit development
Adding the components to its own library
Publish guidance
Available for anyone to view and use
We published our Figma kit and guidance on Feb. 2, 2024
Carbon guidance
Reflection
It was different to design a data visualization that is widely known and to be part of style and structure to match a design system. The designers I work with become my users as well as doing extensive research on data visualization structures.
I learned a lot and grew with this project. I became a project manager and developed the skills to plan a project roadmap and decide what are feasible tasks to get done within the timeline we had. I became highly proficient in Figma and Figma file organization as well as content writing when creating design guidance. I was able to connect and work with designers who founded IBM’s Carbon Design System and highly decorated leads.
If I created another pattern or component for a design system I would set up a roadmap and set up meetings gather requirements on what is needed in order for the first release and then created deadlines. I would also set up deadlines to routinely test with other designers.
Portfolio 2024
United States