Hesburger Design System is a continuously updated design guide and component/layout library that ensures consistent user experience and fast development regardless of the platform.
Our role was to develop an internal design language and implement reusable components to be utilised in various user interfaces. This way, the components and their documentation are consistent and easy to use, both in terms of code and visual assets. As a result, development becomes more effective and the user experience is vastly improved.
Discover Learn More
By interviewing people all around the organization we were able to identify job-specific needs and make fitting technology choices together with the client’s development team.
Design Learn More
In the process of designing components and layouts, we continuously encourage the users to test out interactions and comment on several visual options based on the Hesburger brand image.
Develop Learn More
We built the examples as HTML and Hiccup models that are directly reusable by Hesburger’s own developers via a live html version created specifically for the design system.
Learn Learn More
Usability of the whole system is iterated based on the user feedback. New components are created and old ones retired based on user needs.
Different use cases, same fine-tuned experience
Hesburger Design System has been designed with very different user groups in mind, from product development specialists to fry station workers.
Various working environments require the components high flexibility and good usability in mouse, numpad and touch screen interfaces.
Ready-to-use HTML and hiccup components speed up the process of building new services. Iterating on different versions and answering to urgent needs is faster with portion of the work already done. These components create consistency that makes it easier for developers to work together.
Design principles, rules and layouts act as guidelines that ensure a unified user experience.
Hesburger Design System makes it possible to maintain a consistent UX and familiar logic in all of Hesburger’s services. Thus, the personnel do not need to learn to use several systems.
Moreover, the Hesburger brand is well represented in visually pleasing, professional user interfaces.
Taiste is a committed and trustworthy partner who has the ability to quickly understand the needs of the customer. With them, design and development is easy and they produce quality solutions. Taiste has quickly grown to be a part of our own development team.
Heli HagelbergProject managerHesburger"
Design system makes the development effective, minimises mistakes and need for constant reworking. We get to focus on the essentials. Taiste has crafted us a powerful tool with well-received solutions and features.