Stadtwerke Zweibrücken

UI & UX Design

The website of Stadtwerke Zweibrücken creates immediate trust and orientation through its clear, friendly, and modern design. The strategically developed navigation intuitively guides visitors to desired information – even with the variety of services from energy supply to leisure pools, everything remains clear and quickly accessible.

Strategically deployed animations make operation not only more dynamic but also subtly guide users through important actions – from tariff calculation to contact initiation. These thoughtful microinteractions reinforce the feeling of modernity and competence without distracting from the content.

Mobile optimization was particularly important: Whether comparing tariffs on the go or checking opening hours – all functions are just as comfortable to use on smartphones and tablets. The result is a digital presence that convinces through aesthetics, functionality, and accessibility and positions Stadtwerke as an innovative, customer-oriented partner.

Web Development with TYPO3

Custom Solutions: Tariff Calculator and Electricity Labeling

The centerpiece is the intelligent tariff calculator, which displays current prices through direct API connection to the online portal. This automatic synchronization eliminates manual maintenance efforts and error sources – customers always receive correct, up-to-date tariffs and can calculate their individual savings in just a few clicks.

The interactive electricity labeling makes sustainability visible: Interactive charts visualize the energy mix and power sources in a way that makes even complex environmental topics understandable. The integrated backend system enables Stadtwerke to independently update environmental data and transparently communicate their sustainability strategy.

Powerful Architecture and Easy Maintenance

The underlying architecture was designed for growth and reliability: Fast loading times even with high visitor traffic and fail-safe performance. The intuitive TYPO3 backend makes the Stadtwerke team autonomous website managers – new content is online in minutes, without IT dependencies or external costs.

The result: A digital platform that measurably generates more customer interactions, reduces support inquiries, and helps Stadtwerke position itself as an innovative, transparent energy provider – with concrete impacts on customer satisfaction and business success.

Multi-Site Setups with TYPO3

The multi-site system of Stadtwerke Zweibrücken demonstrates the efficiency and cost advantages of TYPO3 when managing multiple websites. A central installation controls the main website, pool websites, and parking facility websites – saving up to 70% of management time compared to separate systems. Each website retains its individual identity while updates, security patches, and shared functions are centrally updated in one process for all sites.

The practical benefits are immediately noticeable: Maintenance effort is reduced by more than half, new features become available simultaneously on all sites, and brand communication remains consistent. Changes like new contact information or updated opening hours are entered once and automatically displayed on all relevant websites – saving time and eliminating error sources.

Retrofitting Accessibility According to BFSG

The Stadtwerke Zweibrücken website was originally developed without specific consideration of BFSG requirements (Barrierefreiheitsstärkungsgesetz - Accessibility Strengthening Act). Before these legal requirements came into effect, the company faced the challenge of making the existing website fully accessible.

We conducted a comprehensive manual analysis of the entire website to systematically identify all barriers. This time-intensive process involved examining every single page, all interactive elements, and the entire navigation structure. We oriented ourselves on the WCAG 2.1 AA standards to create an inclusive user experience.

Systematic Problem Solving

Every identified problem was methodically resolved: from adjusting color contrasts to implementing fully keyboard-based navigation and improving the semantic HTML structure. Special attention was given to integrating ARIA labels and optimizing for screen readers to ensure that all users, regardless of their abilities, can easily access the content.

The interactive elements such as the tariff calculator and billing assistance were completely reworked to meet accessibility standards. This sometimes required profound changes to functionality to ensure accessible operation without compromising user-friendliness for other user groups.

The result is a BFSG-compliant website that provides all visitors with equal access to the Stadtwerke's services. This retrofitted implementation of accessibility shows that existing websites can be successfully adapted to current legal requirements – although this process is significantly more efficient when accessibility is considered from the beginning.