How I turned "where do I click?" into "I want this event"

Redesigning Berlin's creative community platform and proving it with data

+137%
Membership funnel
Conversion 4% → 10%
+240%
Event Bookings
Conversion: 20% → 64%
5 → 1
Events CMS
Consolidated event systems
+92%
Mobile Speed
37 → 71 PageSpeed
Role
UX/UI Design • Webflow • Analytics
Timeline
3 months (Oct 2025 – Jan 2026)
Client
DNA Art Club, Berlin

Overview

About
DNA Art Club runs 3 creative spaces in Berlin. 200+ artists. 1000+ events. Members don't just attend — they host.
Challenge
Cluttered content, no real photos on homepage, events buried in menus — 90% left without exploring other pages.
Impact
Users found what they wanted without digging through menus. +137% membership conversion. +240% events traffic.

"Why is everyone clicking the navbar?"

13% of all clicks were in the navbar. The reason can be because of 3 broken things:

1. Abstract icons didn't read as buttons. The animated GIFs for categories (dance, poetry, workshops) had no visual indication that they were clickable.

2. No events on the homepage. Users had to imagine what "Dance" or "Poetry" actually meant. No photos. No dates. No reason to click.

3. Black empty space was a link; artist descriptions expanded on click without any cue.

The content existed — users just couldn't find it

DNA had 20+ workshops, 15+ dance classes, 5+ shows happening. The homepage pointed to content instead of showing it.

BEFORE
Abstract GIF icons
No events visible
"Explore categories"
After
Photos with hover states
Upcoming events widget
"Book this event"

Membership: design clarity, not more buttons

The CTAs existed — they just got lost in visual clutter. Not about adding more buttons, but making existing ones visible.

1. Where clicks came from

Old site: 76% of membership clicks came from the navbar alone.

New site: Balanced across 5 touchpoints. Event pages now drive 41% — the link existed before, but better visual hierarchy made it visible.

BEFORE
AFTER

2. Removing exploration friction

BEFORE
300 tab clicks → only 13 "Become Member" clicks
After
✓ No tabs → single visible action

3. Better design clarity — higher conversion

The "Become Member" conversion rate jumped from 4.4% to 10.4% — a +137% improvement.

Event pages needed a clearer path to booking

BEFORE
Forms lost on page or missing
Event info in one text block (hard to scan information)
Calendar showed "No events" while loading
Double-click to see details
After
Sticky booking form on every page
Proper fields (Address, Time, Date, Levels, Costs)
"Fetching latest events" loading state
One click to event details

"Save Your Spot" became #1 clicked element. Events traffic increased up 240%."

What "cleaning up" achieved

Membership CTA
Made CTAs visible, removed tab clutter
+137% membership conversion
EVENTs
Added sticky forms to every event page
"Save Your Spot" button is #1 clicked
Homepage
Showed real events on homepage, not icons
+240% events traffic

"Everything looks amazing, obviously. The pages look amazing. Super thankful for the website."

— Client feedback after launch

Learnings

AI as a design assistant and design manager. I used AI for prototyping, troubleshooting Webflow issues, and analysing analytics for this case study. What might have taken 9 months became 3.

Technical growth. Before this project, Webflow CMS intimidated me. Now I've restructured complex CMS collections, added custom code for styling and interactions, and solved limits with Finsweet attributes.

I have more to say

about the project and the process

Read the next case study

Zalando Pick app mockup on MDE device

Zalando Pick App

Optimising task performance: 40% faster item selection with non-sequential flow redesign

Read more
arrow right