Upcoming webinar: Design Systems for digital consistency
You've heard industry experts talking about Design Systems for a while now, but it might still be unclear what it actually entails. In this webinar, you'll learn what a Design System is, why it can be advantageous, and when it might be unnecessary. This session will help you to consider whether implementing a Design System is the right next step for your company's digital operations.
And now for our best explanation of what a Design System is:
Imagine you're a chef crafting a multi-course meal. Each dish represents a part of your product, and the Design System is your master cookbook, providing standardised recipes, pre-made sauces, and pre-cut ingredients to ensure consistency and efficiency in every dish.
The ingredients are your design elements—colours, typography, buttons, and icons. The Design System curates these elements, offering pre-made components that save time, allowing chefs to focus on creativity and refinement.
Just as a well-planned meal delights diners, a Design System ensures all components come together to create a cohesive user experience across different platforms, making your digital product both efficient and delightful while still allowing for creative flexibility.
Who are
for?
To extend our chef metaphor, if you're a small local restaurant where one chef can personally control everything and hold all recipes and quality control in their own hands, the complexity of a Design System might be overkill. However, for larger chains like Honest Burger or Wagamama, which have multiple chefs across numerous locations, a Design System is essential. It ensures that every customer experiences the same high quality and consistency, regardless of which restaurant they visit.
For organisations of a certain scale, where multiple teams work on products and features, a Design System is crucial. It provides a unified approach, ensuring that every user interaction is consistent and high-quality, while also speeding up development and maintaining efficiency.
Below, we've listed some of the pains and challenges that organisations face, which often lead them to adopt a Design System.
Accelerating time to value 🚀
What's in a Design System?
Having to
Ensure consistent user experience across products
A design system ensures a unified and consistent user experience across all products and platforms. It allows multiple teams to work with a common set of design elements and guidelines, reducing discrepancies and maintaining brand integrity.
Struggling to
Overcome inefficiencies in design and development processes
Difficulty in
Scaling and maintaining quality
Challenges customers are often facing before considering creating a Design System
CASE STUDY
APM Terminals
Our work with APM Terminals involved creating a design system that ensures consistency and quality across their digital platform, supporting over 80 shipping terminals worldwide. This system enables APM Terminals' teams to efficiently develop and deploy features, maintaining a unified user experience across all terminals and services, thus enhancing global operational efficiency.
Evolving platform
The website began as a marketing tool for 80+ terminals, but as APM Terminals expanded its digital tools and services, the need for a cohesive Design System became evident.
Design System creation
Codehouse standardised design elements and coded components to ensure a consistent and efficient user experience across APM Terminals' extensive digital offerings.
Outcomes
The new design system has streamlined development processes, enabling faster feature deployment and maintaining high-quality across the multiple product teams, delivering consistent brand and user experiences across all 80+ global terminals.
23.07.2024
11:00 - 12:00 BST
Learn how a Design System enhances digital consistency and efficiency, enabling faster development and improved user experiences. Discover the benefits and implementation strategies from experts.
Agenda
Introduction
Shaun Miller
5 minutes
|
11:00 AM - 11:05 AM
From Style Guide to Design Systems: A timeline
Mehmud Ali
10 minutes
|
11:05 AM - 11:10 AM
Introduction to Design Systems
Mehmud Ali
15 minutes
|
11:10 AM - 11:20 AM
Advantages and challenges of creating and managing a Design System
Mehmud Ali
10 minutes
|
11:20 AM - 11:30 AM
Design System demo: starting from scratch
Rory Geraghty
15 minutes
|
11:30 AM - 11:50 AM
A real-life case-study APM Terminals
Rory Geraghty
15 minutes
|
11:50 AM - 11:55 AM
Q&A
Shaun Miller
5 minutes
|
11:55 AM - 12:00 PM
Speakers
Mehmud Ali
Head of Design
Codehouse
Shaun Miller
Head of Growth
Codehouse
Rory Geraghty
Lead Designer
Codehouse
Have questions or just want to discuss where to start? We're here to help!
Ready to talk?
James Mayhew
Commercial Director
Codehouse