IHK München

„The challenge was creating modular, flexible and accessible components for a CMS to work across all departments in editorial office.“

Project: IHK München – Online Design System
Our role: We developed an online design system in collaboration with the marketing team to provide a cohesive foundation for our content management and development teams, ensuring consistency across all digital touchpoints. The system was designed to visually communicate the brand values of easiness, accessibility, and informativeness through a user-friendly, intuitive interface, guided by detailed documentation in an online style guide. Our accessibility strategy, based on the WCAG guidelines, ensures inclusive experiences for all users, which was successfully implemented across various online services to streamline interactions and promote brand alignment for future development.
Documents: Online Styleguide, Online Design System
Date: 2024

Brand Experience

We created an online design system as a foundation for our content management development team, collaborating closely with the marketing team to ensure that the system aligned with both technical and branding requirements. This system serves as a shared resource, streamlining design and content creation processes while ensuring that all digital touchpoints remain consistent and on-brand.

Brand Values

Easy, accessible, informative. We wanted to visually convey these brand values through a clean, intuitive design that prioritizes user experience. By carefully selecting colors, typography, and layout principles, we crafted a visual identity that reflects these core values, making the platform welcoming and easy to navigate for all users.

Documentation

We meticulously documented the design system within our online style guide to provide a comprehensive reference for all design and development teams, ensuring consistent brand presentation across platforms. This digital resource serves as a cornerstone of our brand experience, offering guidelines on visual elements, typography, color schemes, and interactions, fostering a cohesive and unified user experience.

Accessibility

Our guidelines and compliance strategy for ensuring accessibility are based on the international Web Content Accessibility Guidelines (WCAG), providing equal access to digital content for all users. Through accessible design, keyboard-friendly navigation, sufficient color contrast, and meaningful alt text for images and links, we support users with various disabilities in engaging with our platforms. We ensure that our digital offerings fully adhere to the four principles of accessibility – Perceivable, Operable, Understandable, and Robust – guaranteeing an inclusive user experience both now and in the future.

Online Services

In conclusion, we successfully implemented the design system across a range of online services and digital information platforms to ensure consistency, usability, and visual coherence. This integration enhanced user experience by creating unified interfaces and streamlined interactions. The scalable framework now serves as a foundation for future development, promoting efficiency and brand alignment across all digital touchpoints.

More Projects like this

Contact

If you are up for a project together, give me call.

+49 152 085 90 085
johannes@buerohofmann.com
www.buerohofmann.com

Thank you!

For all the nice work together.