Simplifying bonus claims and boosting engagement Ver.di

Industry

Non-profit

Timeline

2-3 weeks

Impact

+23% faster form submissions across devices

Introduction

Web design for member platforms doesn’t always sound like a thrilling topic—until you realize the scale. Ver.di is one of Germany’s largest worker unions, representing hundreds of thousands of members. Their existing digital experience? Outdated, hard to navigate, and anything but engaging.

KUBE Studio brought us in to change that. Fast. And with purpose.

We had one clear goal: design a modern, responsive website that serves as both an information hub and a member self-service platform—without drowning users in clutter.

The clock was ticking. The expectations were high. We rolled up our sleeves.

The challenge

Let’s say your platform has thousands of members. You offer yearly bonuses, a growing archive of campaigns, and a backend that’s… less than ideal. You want users to find what they need fast—and maybe even enjoy the experience.

That’s what Ver.di needed. What they had was a patchwork of disconnected tools, inconsistent layouts, and no clear design system. The risk? Confusion. Low engagement. Missed opportunities.

And oh, they needed a working concept before their contact at KUBE Studio left for vacation in three weeks.

Our approach

We split the project into two parts: the user side (public/member-facing) and the administration side (dashboard + backend interface). But first, we tackled the part that mattered most to the members.

Here’s how we broke it down:

1. Kickoff and fast wireframes

We joined forces with KUBE Studio in a detailed video call to align on the goals, structure, and must-haves. Then we built the first wireframes based on their sketches in Excalidraw and internal notes.

2. Landing page

This was Ver.di’s shop window. It needed to:

  • Show the yearly bonus program
  • Let users check if they’re eligible
  • Guide members to register or log in
  • Feel on-brand without feeling bureaucratic

We used bold typography, clear CTAs, and playful icons to bring clarity and structure.

3. Bonus flow

For the “Bonus 2023 beantragen” section, we designed a clean eligibility check with just two questions. If the user passed, they’d see a dynamic form to apply and get confirmation. If not, they’d get polite but clear feedback.

Simple. Intuitive. Stress-free.

4. Member dashboard

The logged-in area had tabs for:

  • Bonus overview
  • Personal data
  • Company info

We designed a layout that could grow with future needs while staying dead simple for today’s users.

5. Style guide for developers

While this wasn’t a traditional design system, we delivered a flexible style concept—colors, layouts, form components, states—so KUBE’s developers could easily expand things later.

Tech & delivery

We provided high-fidelity UI design files in Adobe XD, optimized for:

  • Desktop (1920px)
  • Mobile (375–424px)

All delivered with design notes, hover states, and icon sets.

KUBE Studio took care of the front- and backend development, and the site went live on schedule:
👉 https://www.verdi.de

Final results

What started as a vague idea became a sharp, member-friendly platform. Here’s what we handed over:

  • Fully designed landing page and bonus process
  • Member dashboard with scalable layouts
  • Developer-friendly UI files and documentation
  • A clean, brand-consistent experience on every screen size

All delivered before the deadline, and with enough flexibility for KUBE Studio to expand the platform without bottlenecks.

Let’s build something that actually works

Need to create clarity out of digital chaos? Want a member portal that people actually use? Let’s talk.

Book a 30-min call and we’ll walk you through exactly how to get started—no fluff, no strings. Schedule your free call now

Let's Chat About Your Project!

We’d love to hear about your goals and objectives! Let’s schedule a friendly consultation to discuss how we can craft the perfect solution just for you. Rest assured, all your information will be kept confidential.