Skip to content

Case study 02

Portfolio 2024

Timeline: 2024

Screenshot of the 2024 portfolio homepage

The vision

This was my 2024 portfolio site. I built it to be a clearer and more flexible way to present my work, with enough structure for project write-ups, supporting articles, and direct links to individual pages.

The most interesting part was the routing. Projects opened like cards on top of the homepage, but they still had proper URLs and server-rendered pages underneath. That mattered for accessibility, direct linking, and the overall feel of the site.

It was also the first portfolio version that felt properly content-friendly. Using MDX made it easier to keep projects and articles up to date without pushing content back into components, and it gave me room to experiment with motion and more deliberate layout decisions in a project I actually used regularly.

Strategic goals

  1. 01

    Present work more clearly

    Make the portfolio easier to browse, easier to link, and more useful as an actual reference for future work.

  2. 02

    Keep the interactions smooth

    Add motion and layered navigation without losing accessibility or creating a brittle setup.

The challenge

The hardest part was combining modal-style navigation with real routes, server rendering, and accessible focus handling.

Resolution

I leaned on the native dialog element and reopened it on the client so the site could keep proper routing while still behaving like a modal experience.

Screenshot of the 2024 portfolio homepage

Archived 2024 portfolio. !TODO! Add the archived production URL if it should be linked here.

Status

Screenshot of a project dialog in the 2024 portfolio

Next Experience

WGG Neumarkt Homepage