It's been another exciting year for the Design System team. We saw our team grow and made a lot of progress improving and implementing the design system across Basis. Check out some of these updates below.
We're an official team now! Our team was previously made up of part-time members and scrappy volunteers. We now have three full-time members, two part-time members, and several more part-time contributors that are committed to the design system work.
In 2022, we replaced and updated several of our key platform components, including all new dropdowns, date picker calendars, modals, navigation, and more. We also continued our effort to improve the look and feel of Basis by bringing more modern design to our components.
This has been the biggest project our team has ever taken on. We replaced every dropdown in platform with our new Picklist component. Previously, there were countless dropdown design variations. This work gave all dropdowns consistent design, size, and functionality.
We replaced all of our date picker calendars with our new Calendar component. This gives our date pickers more intuitive range-selection functionality.
We updated our App Header styling to better match our new branding. We also updated the universal search button to be more visible and to better explain it's capabilities. The App Drawer was updated to have a persistent "collapsed" sidebar, which makes our most used pages easier to find.
Our modals have been redesigned, with a new "lightbox" design and semi-transparent overlay. This improves visibility to the page underneath. We also relocated the close and back buttons to make them easier to find.
This year we saw increased usage of the design system by our product designers. With our new full-time engineers, the amount of work completed has increased significantly.
Updated form input error states. Created a new "Form Field" component, as well as the new "Checkbox Group" with error states.
New design documentation. Rebuilt the component to include a label, help text and error text.
New component that allows users to quickly page through data.
New component that allows user to search across multiple data sets.
Modernized the Storybook app by moving it to a separate code repository, adding new features & docs, and migrating the builds to Harness.
Refactored numerous DS components to no longer require Transis
“Things in the asset library are easy to find. All of the different states of components are accounted for and easy to change. Pretty easy to plug and play.”
“I think everyone is working hard to continue to improve the design system, as well as communicate / educate others about it. I love the newsletters and call outs in tech demos! Very effective! I also love the updated DS process flows.”
“It's an easy way for me to reference our guidelines, as well as point others to the reasoning behind design decisions. It's well done and organized well!”
“Overall, I've been impressed with the design system since joining Basis. It's well thought out, easy to use, and I can tell there is a lot of care put into it.”
You can submit ideas for design system work by creating a Jira ticket for our team and then attending one of our bi-weekly "office hours" meetings. Read more on our contribution page and reach out to us in our slack channel.
The Design System team would like to thank everyone who has collaborated with us and helped us improve this year! As we look to grow and expand the ways we serve all Basis software teams, we sincerely appreciate all of your support and feedback.
