Uniform, Accessible and Modern: the New Design System for the Integreat Web App
The Integreat web app has received a fresh new face. It’s more modern, clearer, and more user-friendly than ever before. With the new design system, a consistent look and feel has been created—one that puts accessibility and ease of use at the center.
The goal of the redesign was to make information even faster, clearer, and more accessible for everyone. Over the past few months, the web app has undergone a comprehensive modernization.
Guided by Proven Standards
The new design system is based on the best practices of Material Design. These design guidelines ensure a clear and consistent user experience worldwide.
In the Integreat web app, this means standardized components, fonts, colors, and spacing. Users can find their way around more easily—no matter which device they’re using.
Accessibility at the Core
A key part of the new system is the optimization for accessibility.
The most important improvements at a glance:
- High contrast and easily readable font sizes
- Consistent navigation structures
The goal is clear: the Integreat web app should be accessible and easy to use for everyone.
New Colors, Familiar Accents
Interactive elements now appear in a shade of blue, providing better contrast and improved clarity.
The familiar Integreat yellow remains and continues to be used for accents. This way, the new design combines fresh elements with the recognizable Integreat identity.
Improved Mobile Experience
The Integreat web app is now even more optimized for mobile use.
A new bottom navigation bar makes it easier to navigate on smartphones. Important sections such as information, news, map, and events are always just a tap away.
Key Features in One Place
Many familiar functions – such as sharing content, text-to-speech, contrast mode, PDF export, or copying links – are now gathered in one unified menu.
On mobile devices, a feedback function has also been added here. This allows users to give direct feedback without having to search for the option.
Consistent and Future-Proof
The new design system is an important step toward the future. It lays the foundation for stable and consistent design across all platforms.
Currently, it applies to the web app. In the coming months, the new design will also be rolled out to the native apps.
This will create a fully consistent user experience—whether on a computer, tablet, or smartphone.
Conclusion
The new design system stands for clarity, accessibility, and modern design.
Cities and districts benefit from a reliable, consistent foundation, while users can operate the app more easily.
With this development, access to local information becomes even simpler and more inclusive.
👉 Try it now:
Visit the Integreat-Web-App and experience the new design system in action.