Der Anspruch
Ein Portfolio für einen Design Engineer muss selbst ein Design-Engineering-Projekt sein. Nicht einfach eine Liste von Projekten, sondern ein lebender Showcase der eigenen Fähigkeiten.
Der Stack
- Nuxt 4 als Framework — mein Ökosystem seit über 10 Jahren
- Nuxt Content mit MDC für Blog-Posts mit eingebetteten Vue-Komponenten
- GSAP + ScrollTrigger für cinematische Scroll-Animationen
- motion-v für deklarative Komponent-Animationen
- Native CSS mit Custom Properties — kein Tailwind, kein SCSS
- Cloudflare Pages für das Deployment
Das CSS-System
Statt einer Utility-First-Bibliothek habe ich ein eigenes Design-Token-System mit CSS Custom Properties gebaut. Dark Mode als Standard, Light Mode als bewusste Alternative. Ein Named-Column-Grid für flexible Content-Breiten.
Was als Nächstes kommt
- TresJS-Integration für das Hero-Element
- View Transitions API für nahtlose Seitenübergänge
- AI-Portfolio-Assistent mit Claude API
- Weitere Case Studies
Dieser Beitrag wird laufend aktualisiert.