Hubb Design Systems
Component reference guides
Theme design systems
User interface design
User journey & user flow
What is a Design System?
A design system is an evolving collection of every resource, asset, and component of a brand, along with clear guidelines for how they are each to be used. This powerful system can be assembled to build any number of applications—it’s a collaborative tool for your design product. And just like your product, a design system continues to grow and adapt over time.
For Hubb, we took the start of an existing brand and adapted it to an entire system which we continue to build on as their needs grow. Piecing together elements from the existing brand, we took what was working and incorporated it into the new elements we created to suit their branding.
Managing Product Consistency
Providing design consistency across multiple large scale digital products is important for not only creating a unified look, but building trust with your audience. Every aspect of the design matters when shaping the look and feel of your brand—from the button style to the placement of headlines. The experience should feel familiar to your audience across platforms. The Hubb product not only connects to their marketing side but also spans across different platform experiences based on the user’s role(s). In order to create as seamless an experience as possible, we rely heavily on the design system to ensure we are using common elements, colors, components, and language.
Design for Scalability and Growth
A good design system is not simply created and then complete—It is designed to grow. Whether it’s different iterations of a component, or an entire new theme for a digital product, the system should be scalable. As Hubb continues to grow, adding features and functionality, we adapted their design system to allow for customizable themes with consistent elements for a unique user experience that fits within the Hubb universe.
Be Agile and Flexible
While it may seem that having every asset and component outlined with their rules and uses makes for a rigid and stagnant system, it’s quite the opposite. The system thrives on its agility and ability to evolve. While some common traits may be static, others have flexibility built into them. It’s this flexibility which allows for fresh ideas to live in the consistency set up with the system. We utilized this flexibility to create themes within the platform so events can have a more custom look and feel, but still feel like Hubb.