DSZ Wave Website

Project Overview

As a volunteer for my water polo association DSZ Wave, I took on the role of UX/UI designer to improve the club's website. The site had previously been shaped by developers within the TU Delft community, but most of the work reflected a developer-centric mindset. The technical foundation was there, yet the design lacked the aesthetics, usability, and clarity that members were looking for. Recognizing this gap, I created a complete Figma prototype to guide the redesign of the site.

Here are screenshots of the original DSZ Wave website:

The Challenge

Although developers within the association had created multiple iterations of the website, the results did not satisfy members. The main issue was that the design felt functional but visually unappealing and not user-friendly. The challenge was therefore to bring structure, consistency, and an engaging visual identity while working within the volunteer-driven context of a student sports club.

These were two iterations made by other students before asking around the group chats if someone had more knowledge about design:

Research & Planning

To identify opportunities for improvement I:

• Benchmarked the existing DSZ Wave website against other sports association sites to understand what worked and what did not.
• Gathered input from fellow club members, asking what information they looked for most often (match schedules, membership info, training times, contact).
• Sat down with the other students who had worked on the website to completely rework the existing sitemap that was in place, as various information was duplicated or in totally illogical places.
• Applied my design expertise to prioritize clarity and accessibility while ensuring the new design reflected the community spirit of DSZ Wave.

Design & Development

Using Figma, I built a high-fidelity prototype of the new DSZ Wave website. The design focused on:

• Clear navigation: ensuring visitors can quickly find schedules, events, and membership info.
• Modern visual design: professional yet approachable, with colors and layouts suited to a sports club.
• Consistency: using a modular design system so developers could implement the site in phases.

While the development of the site is ongoing, my prototype is being used as the blueprint for implementation. The volunteer-based nature of the project means progress is gradual, but the design ensures that once completed, the site will meet the needs of both current and future members.

There are duplicated pages (left vs right) for logged-in and not-logged-in users.

Results

Explore the interactive prototype: Open in Figma

Impact

• Provided DSZ Wave with its first professional design prototype, raising the quality of the project beyond purely technical solutions.
• Created alignment among members by transforming scattered feedback into a cohesive design vision.
• Empowered developers with a clear design system, reducing guesswork during implementation.

Key Learnings

• Designing in a volunteer context requires flexibility and patience, as development timelines move more slowly.
• Even in small-scale projects, user research and benchmarking can turn informal feedback into structured design improvements.
• This project reinforced my ability to step into a leadership role when design expertise is missing and deliver clarity in collaborative settings.