My role: UX Engineer | Technologies: TYPO3, CSS, HTML, ChatGPT, Copilot, DeepL Writer AI

Interest aroused and new members gained

Screenshot of homepage of tsv website — ↑ Fig. 1: The new TSV-Ladbergen homepage in new splendor.

Challenge

The previous website of TSV Ladbergen did not meet current technical or design standards. The outdated design and lack of user-friendliness led to the club being perceived as uninviting and outdated online. The goal of the project was to fundamentally modernize the online presence and create a vibrant, personal appearance that would appeal to both existing members and attract new individuals.

User Research

To develop a user-centered solution, the following questions were explored using AI-powered research and qualitative interviews:

What expectations do people from different age groups in a village have of a sports club?
What advantages does a local sports club offer from the perspective of the target groups?
Which departments of TSV Ladbergen are particularly popular, and which are less so?
How can design and content create a personal, approachable image?
What experiences and wishes does the club board have regarding the previous and future website?

Concept and Implementation

Content & Structure:

Collection and preparation of relevant content: texts, contact persons with contact details, images, logos
Planning a user-oriented information architecture with a focus on particularly active club areas
Integration of a news section for dynamic content

A modern homepage design concept for a local sports club website, focusing on clarity, community, and easy navigation. — ↑ Fig. 2: Generation of ideas for the appearance of the new website, based on user research.

Design & Development:

Development of design ideas with ChatGPT and other AI tools as sparring partners
Creation of a responsive design system in Penpot for collaborative design
Use of AI tools for text and image generation as the basis for consistent content
Technical implementation based on TYPO3 CMS for easy editorial management by club members
Initial content population with AI-generated materials to avoid empty page sections

Optimization:

Accessibility and SEO were reviewed and optimized using specialized AI-based browser plugins

Testing and Validation:

Ongoing evaluation through heuristic evaluation and 5-second tests to assess usability
Analysis of website performance using Google Search Console to evaluate visibility and user interactions

Result

The new club website was very well received. Shortly after launch, the first new registrations and published articles were recorded. The site presents a modern, human, and authentic image of the club and forms a sustainable foundation for the digital communication of TSV Ladbergen.

Screenshots of the mobile verion of "tsv-website" — ↑ Fig. 3: Screenshots of the website on small devices such as smartphones with clear navigation.

Conclusion

The successful implementation of the new club website shows how the targeted use of AI tools, user-centered design and modern web technology can create clear added value for clubs. The strategically well thought-out AI prompting in particular proved to be decisive for high-quality content and design ideas.
The new design has not only improved the external image of the association, but has also created a noticeable sense of optimism internally - proof of the impact of an accessible, aesthetically pleasing digital presence.
A key learning: accessibility is not a “nice-to-have”, but essential for digital participation - especially for offers that focus on community and inclusion. The project underlines how important it is to consider technical aspects such as accessibility and SEO from the outset.