What is a design system?
A design system is a product that equips teams with the necessary tools and resources to build consistent and cohesive experiences.
Serving as a communication hub, it articulates the 'what', 'how' and 'why' of design decisions, fostering a shared language and standardized approach. Design systems typically include resources such as style guides, component and pattern libraries, code, and guidelines.
Talk to me about Delish
Our enterprise design system is called Delish. It’s intended to be used by all KHC employees and contractors who are involved in the creation of any digital products for business users. This shared framework provides end-users with a cohesive, platform-agnostic experience improving their confidence when jumping from product to product.
Delish includes our design principles, foundations, component and pattern libraries, data visualization guidance and intelligence report templates, providing a shared language for design and development teams.
The objective of these templates is to achieve roughly 80% experience compatibility across all development platforms. This helps to ensure that users are able to focus clearly on the data itself, reducing cognitive load. End users won't need to relearn basic patterns and interaction models each time a new report is accessed.
When should I use Delish?
If you have a hand in creating and or building any internal digital experiences or reports within Kraft Heinz, it is highly recommended to utilize Delish to the fullest extent. While we acknowledge potential limitations on certain platforms, please contact our team for assistance with new projects as they arise.
Enhancing brand integrity and consistency
Design systems allow us to create human centered digital experiences at scale. At Kraft Heinz our focus is on empowering our employees through digital transformation. This is achieved through:
- Clarity of functions and quality of form, design, and content
- Improved brand experiences through specific interactions and touchpoints
- User engagement and loyalty
- The delivery of the user’s desired outcomes
Benefits of using a design system
Enterprise design systems can deliver up to 80% efficiency gains when leveraged throughout the product development lifecycle.
- Design: Design systems streamline the design process by reducing time spent on recreating components, enabling designers to focus on core problem-solving.
- Engineering: Aligning design elements with code provides developers with a plug and play solution for all front-end UI development, reducing the time it takes to bring a concept to market.
- Product: As the system matures, it becomes the organization's single source of truth, fostering a shared vision and consistent products. When our teams are ready to scale, design systems act as a helpful onboarding tool, allowing them to contribute sooner.
- Users: Utilizing familiar design patterns in experiences and products enhances user comfort and confidence, effectively reducing the learning curve.