Case Study · UX/UI · Event Platform

EVNT.

Filter. Discover. Experience.

A modern event discovery platform for Germany — designed to make finding, filtering and booking tickets feel as natural as scrolling through Instagram. End-to-end UX/UI solo project from concept to Figma prototype.

Role

Solo UX/UI Designer

Scope

Homepage · Events · Tickets · Mobile

Tool

Figma

Year

January — April 2026

Solo Project UX Research UI Design Figma Prototype Mobile First

01 · Project Brief

A platform that makes events discoverable.

EVNT is a UX/UI continuing education project with the goal of designing a modern event discovery platform for Germany. Users can easily find, filter and book tickets for local events of all categories — from festivals and concerts to workshops and club nights.

The core problem with existing platforms: fragmented information, unclear navigation and poor mobile optimisation. EVNT solves this with a clear, high-contrast design, intuitive filter structure and a mobile-first approach.

"Discovering events should feel like scrolling through Instagram — only with real experiences at the end."

02 · My Role

End-to-end ownership — from concept to prototype.

I led and executed this project with full autonomy — as part of my UX/UI continuing education. All strategic, conceptual and visual decisions came from me.

UX Research & Analysis

User analysis, persona development, identification of pain points on existing event platforms. Definition of user journey and information architecture.

Concept & Information Architecture

Development of page structure, navigation and filter logic. Definition of user flows for discovery, event detail and ticket booking.

UI Design & Design System

Design of all screens — desktop and mobile — including colour system, typography, components and animation concept.

Figma Prototyping

Full interactive prototype in Figma for desktop and mobile. Including hover states, overlays and consistent navigation flow.

03 · User Research

Who searches for events — and why.

Two core users were identified: the spontaneous explorer who goes with the flow, and the planning family person who needs reliable information.

Anna, the curious explorer

28 · Marketing Assistant · City resident

Primary Persona

"I want to know what's happening in the city without searching for ages. Surprise me!"

Spontaneous Curious Social Practical Instagram · TikTok

Needs & Goals

Discover events without lengthy searching

Act on spontaneous plans quickly

Feel at home in her city

Share unforgettable moments

Pain Points

Has to search across many channels

Misses interesting events

Confusing, outdated websites

Complicated ticket purchase processes

04 · Style Guide

Colours, typography and UI components.

The EVNT design system is built on maximum contrast and emotional impact. Deep Navy creates the atmosphere of a real live event. Lemon Yellow achieves a contrast ratio of 14:1 on navy — WCAG AAA compliant — and immediately highlights all CTAs and action points.

Typography: Montserrat Black for display headlines — power and volume like a festival poster. Raleway Light for body text — elegant contrast and readability. Together they reflect the duality of energy and accessibility.

Colour Palette

#0D1B2E

#1E3354

#E8F24A

#F5F4F0

EVNT.

Buy Tickets →

05 · Wireframes

Page structure and content hierarchy.

Starting from the core user flows, I built wireframes for all four key views — Homepage, Events, Ticket/PDP and Mobile — before moving to high fidelity. Each wireframe justified the presence of every element in the user journey.

EVNT — Desktop & Mobile Screens

06 · Design Decisions

Every decision has a reason.

Dark Theme — Deep Navy

A dark interface creates the atmosphere of a real live event. It reduces cognitive load while browsing, makes event images shine more brightly and communicates energy and exclusivity — exactly the feeling users seek at events.

Lemon Yellow as Accent Colour

Lemon #E8F24A achieves a contrast ratio of 14:1 on Deep Navy — WCAG AAA compliant. It immediately highlights CTAs, category labels and prices. Psychologically, yellow stands for energy and spontaneity — perfectly matching the core target group.

Montserrat + Raleway Type Pairing

Montserrat Black for display headlines communicates power and volume — like a festival poster. Raleway Light for body text creates elegant contrast and ensures readability. Together they reflect the duality of energy and accessibility.

Mobile First Architecture

Primary persona Anna uses her smartphone intensively for inspiration and spontaneous planning. The design was developed for mobile first and then extended to desktop — not the other way around. Navigation, filters and CTA placement are optimised for touch interaction.

Visual Hierarchy through Contrast

Instead of subtle gradations, EVNT uses maximum contrast: dark and light for content, lemon for action points, photos for emotional activation. The user should understand within 3 seconds: "What is happening here" and "How do I get a ticket".

07 · Outcome

A platform that feels like the event itself.

EVNT demonstrates how a consistent design system — from persona to prototype — creates a coherent, energetic user experience that genuinely differentiates itself from existing event platforms.

Clear User Navigation

From homepage to booked ticket in under 4 clicks. The filter structure measurably reduces search time.

Mobile-First Experience

All screens work just as well on smartphone as on desktop — thumb zones, large CTAs, fast navigation.

Consistent Design System

Colours, typography, components and spacing are consistently documented and scalable for new pages and features.

Emotional Branding

The dark interface with lemon accent generates the energy of a live event and clearly differentiates EVNT from existing platforms.

"Filter. Discover. Experience."

— Alina Korth, Senior UX/UI & Brand Designer