BLOG
Suggest Product
S

Solar Design System

Solar is the design system for Bulb products. Our design system is a collection of shared design patterns and practices that allow our team to build quality consistent interfaces.

Visit Website

About Solar Design System

Solar: Powering Quality and Consistency in Bulb's Digital Interfaces
For an energy provider like Bulb, delivering clear, reliable, and easy-to-understand digital experiences is crucial for managing customer accounts, providing information on energy usage, handling billing, and offering support. In a sector where clarity and trust are paramount, inconsistent or confusing digital interfaces can lead to customer frustration and increased support inquiries. Recognizing the importance of a unified and high-quality digital presence, Bulb has developed Solar, their dedicated design system, as a collection of shared design patterns and practices that empower their team to build quality consistent interfaces for all Bulb products.

Solar is positioned as the central guide for shaping the user interface of Bulb's digital products, which likely include a customer portal, mobile application, and perhaps tools for managing energy usage and billing. The designation as a "design system for Bulb products" signifies its specific tailoring to the needs and brand identity of an energy provider, focusing on presenting information related to energy consumption, costs, and account management in a clear and accessible manner.

The core of Solar is its collection of shared design patterns and practices. The "design patterns" represent established and recommended ways of handling common interface elements and user interactions within the context of Bulb's services. These might include patterns for displaying energy usage graphs, presenting billing information, managing personal details, or navigating between different sections of the customer account. By providing a library of these shared patterns, Solar ensures that similar functionalities are implemented consistently across all Bulb products, creating a predictable and intuitive experience for customers.

The "practices" within Solar encompass the recommended methodologies and guidelines for the design and development process itself. This could include principles for user research, accessibility standards to ensure inclusivity for all customers, guidelines for content clarity when explaining energy concepts or billing details, and best practices for front-end development to ensure performant and reliable interfaces. These shared practices ensure that the Bulb team approaches the creation of digital interfaces with a unified methodology, contributing to a higher standard of quality and consistency.

The primary outcome of utilizing this collection of shared design patterns and practices is the ability of the Bulb team to build quality consistent interfaces. "Consistent" emphasizes the uniformity in the look, feel, and behavior of digital interfaces across all Bulb products. This consistency is vital for a utility company, as it builds trust and makes it easier for customers to manage their energy accounts. Regardless of the specific digital touchpoint, customers encounter a familiar and predictable interface, reducing confusion and increasing confidence.

"Quality" speaks to the overall standard of the interfaces built using Solar. By providing a collection of well-designed patterns and promoting best practices, Solar helps the Bulb team create interfaces that are not only consistent but also user-friendly, accessible, and reliable. In the context of managing essential services like energy, a high-quality interface is crucial for ensuring accuracy and preventing errors in managing account details and billing.

The benefits of implementing the Solar Design System are significant for both Bulb and its customers. For the Bulb team, Solar fosters increased efficiency in the design and development process. By providing a library of reusable patterns and shared practices, it reduces the need for teams to
reinvent common interface elements and workflows, accelerating the development cycle and allowing for faster iteration and deployment of new features and improvements. This streamlined process also improves collaboration between design and engineering teams by providing a shared language and a single source of truth.

For Bulb's customers, Solar contributes to a more user-friendly, reliable, and trustworthy digital experience. The consistent interfaces make it easier to manage their energy accounts, understand their usage and billing, and access support. The focus on quality ensures that these interactions are smooth and free from frustrating inconsistencies.

In conclusion, the Solar Design System is a vital asset for Bulb, providing the essential collection of shared design patterns and practices that empower their team to build quality consistent interfaces for all their digital products. By establishing a unified approach and offering
reusable resources, Solar helps Bulb deliver a predictable, user-friendly, and trustworthy digital experience to its customers, which is crucial in the energy sector. Solar is the foundational system that helps Bulb illuminate the path to efficient development and exceptional customer interactions in the digital realm.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.