Das Blau

The Challenge

The leisure pool's original website suffered from a confusing, unnecessarily complex navigation structure that regularly led visitors astray. Even simple information like prices or course offerings was difficult to find.

Particularly problematic was the inadequate presentation of the various pool areas. Visitors could hardly get an idea of which pools were available, what amenities they offered, or what water temperatures to expect. Important information like opening hours and prices was hidden in menus, even though they are among the most sought-after content.

Additionally, the website was deficient in terms of accessibility: The pool rules were only available as PDF files, legal pages like the imprint cluttered the main navigation, keyboard navigation was barely possible, and the entire structure was difficult for people with disabilities to use.

The Solution

Our approach was a complete restructuring of the website with a focus on user-friendliness and accessibility. We developed a logical, user-oriented navigation that leads visitors directly to the information they want.

Opening hours and prices – the most sought-after content – received a prominent place in the main navigation. Legal pages like the imprint moved to the footer, where users expect them. The pool rules were converted from hard-to-access PDF files to accessible flowing text.

For the pool areas, we developed a visual overview with meaningful images, detailed descriptions, and important information like water temperatures. This allows visitors to get all relevant information at a glance and plan their pool visits optimally.

Before/After Comparison

Accessible Web Design

The technical implementation followed WCAG 2.1 standards with semantically correct HTML structures for smooth use with assistive technologies. High color contrasts ensure better readability, while navigation is fully keyboard-accessible.

The UX design achieves a harmonious balance between functionality and visual aesthetics. A clear visual hierarchy guides users intuitively through the website, while performance optimizations ensure fast loading times on all devices.

Web Development with TYPO3

For this project, we relied on the powerful TYPO3 CMS, known for its flexibility and user-friendliness. To make content management as easy as possible for the pool's team, specially developed content elements were integrated. These enable quick creation of pool overviews with images and water temperatures and central management of important information like opening hours.

A special focus was on content structuring: The new architecture makes it possible to organize content logically while ensuring accessible presentation. Complex PDF documents were converted into structured, searchable text pages that are optimally readable for both screen readers and search engines.

The system was built to be stable, scalable, and future-proof. Load times were optimized, and the website was designed to function smoothly even under high visitor numbers. Thanks to the modular architecture of TYPO3, the platform remains flexible for future adjustments or extensions, such as additional features or new content.