Portrait - Alexander PahlAlexander Pahl

2024

Ten years of Meet-Up, brought to life.

A dynamic archive of ideas.

MeetUp

Bachelor Project

Meet-Up Archive

/miːt ʌp/

As part of my last semester, this Bachelor project served as a practical group assignment within the Media Informatics curriculum. The goal: to plan, design, and implement a digital product based on real-world constraints. Unlike the written thesis, this module focused entirely on collaborative work, applied design, and technical realization. The result is a dynamic website that celebrates ten years of the Media Computer Science Meet-Up at the University of Lübeck — bundling the best EMI projects and qualification theses into one clearly structured, modern experience.

Nuxt.js · Tailwind CSS · DaisyUIGroup project · University of Lübeck

Highlights

The Meet-Up website showing a timeline of a decade of Media Informatics projects.
Ten years of projects, one timeline.
An interactive carousel highlighting past Meet-Up projects and award-winning theses.
A carousel through Meet-Up history.
Screens from the Meet-Up site demonstrating a consistent, custom-built design system.
Built on a custom design system.

Process
Human-centered,
from research to launch.

Sketches and wireframes from the human-centered design process for the Meet-Up site.

Human-centered design ⚙️ The design process is built around Generation Z — the first generation to grow up fluent in the digital world. They expect interfaces that are seamless and naturally operable, so the site prioritises simple, fast and uncomplicated interactions throughout.

Accessibility annotations showing high-contrast colours and alternative text on the Meet-Up site.

Accessibility ♿️ A human-centered approach means designing for everyone. The site implements the WCAG guidelines at Level A — high-contrast colour schemes, alternative image text, clear navigation and a clean page structure — to keep the platform inclusive and easy to access.

A design system board with components, colour decisions and a storyboard for the Meet-Up site.

A modern design system 🎨 Methods like the sticker decision, heat maps and quick critique were used to surface the strongest ideas and prepare them for prototyping. A storyboard then planned the prototype that became the foundation of the final design system.

Outcome
A dynamic site,
evaluated and shipped.

Code and component views illustrating the Nuxt, Tailwind and DaisyUI stack behind the site.

A dynamic website 👨🏼‍💻 The site is built on Nuxt.js with Tailwind CSS and DaisyUI. Nuxt delivers performance and scalability, Tailwind enables flexible design, and DaisyUI accelerates development with ready-made UI components — together a robust, future-proof foundation.

Charts from the UEQ and Web-CLIC questionnaires evaluating the Meet-Up website.

Evaluating the result 📋 Evaluation with the UEQ and Web-CLIC questionnaires, plus a qualitative survey, revealed a very positive user experience — meeting both the pragmatic and aesthetic expectations of the Generation Z target group, with constructive pointers for further refinement.