Standardizing Bolster’s UI Design Library
Standardizing Bolster’s UI design language and assets, creating a reliable set of guidelines to reference, expand upon, and scale.
Contributors:
Martin Banuelos
When Bolster was centered around being a closed marketplace, with multiple user offerings and features, there was a lack of visibility of activity while using the platform. Most of the notifications were hidden away within the notification bell. Below is an example of creating and expanding on the idea of Bolster's notification system, and also improving on its standard system notifications as well.
Within Bolster's UI, there were a plethora of colors, but named with no rhyme or reason. Because of this, there was always an extra step in trying to communicate and coordinate new designs to engineers. As a lover of design systems and efficiency, I sought to take the below example of Bolster's colors and turn them into something more cohesive.
By reorganizing the colors using a standardized naming and numbering scheme, Bolster's color system became much easier to understand, and scalable. This also created one unified language between designers and engineers when it came down to choosing colors.
