
At Braze, we found that all the moving parts and the range of use cases associated with each component made developing Beacon like creating a shared language-different stakeholders may contribute in different ways, but it’s not something that any one person or group can do on their own. Successfully implementing and maintaining a design system is a major undertaking, one that requires commitment from a core team and contributions from feature-focused Product teams. While a design system will usually include a set of design guidelines and a collection of component (interface) patterns designed to optimize a given technology’s workflows, its scope exceeds those elements, covering everything from system governance to customer support and documentation.

Think of a design system both as a vision for how a technology should appear to and interact with the customers who use it and as a roadmap for achieving that vision. So let’s take a look at what Beacon is, how it supports a better end user experience, and how we collaborated successfully with Product Management, Engineering, and other stakeholders to make our design system a reality. But while the User Experience team has been instrumental in making that happen, we couldn’t-and didn’t-do it on our own. Implementing Beacon has had a significant positive impact on the Braze user interface (UI) and made it possible for us to improve and scale our product design processes. This system sets down centralized design guidance that employees within our organization can learn from and leverage as they work to build out new aspects of our platform and optimize existing ones. In order to achieve that goal, we’ve worked collaboratively over the past few years to create our design system, Beacon. To serve our customers effectively, we have to make sure that the experiences we’re providing to the marketers, growth teams, and others who use the Braze platform are as seamless and well-designed as possible. At Braze, so much of what our platform does is make it possible for brands to more easily provide engaging, meaningful experiences to their users.
