Die Portfolio-Website
Design & Front-End
Kein Build-Schritt
0 Abhängigkeiten
CSS Grid
Vanilla JS
Ein Portfolio, von Hand gebaut: HTML, CSS und JS, selbst getippt. Kein Template, kein visueller Editor, kein Framework. Eine Seite, ein Panel, das beim Scrollen mitläuft, und jedes Projekt mit seinen Entscheidungen beschrieben.
Rolle
Design, Umsetzung & Texte
Jahr
2026
5
Dateien
0
Abhängigkeiten
28
ARIA-Attribute
01 — Die Vorgabe
Eine Regel, der Rest folgt daraus
Die Website hat eine Aufgabe: das zu sein, was sich jemand ansieht, bevor er entscheidet, ob er mir schreibt. Dieses Publikum ist klein und hat es eilig. Eine Café-Besitzerin in Kiel. Eine Praxis mit Telefonnummer und sonst nichts. Ein Studio, das ein zweites Paar Hände sucht. Die meisten kommen übers Handy, mit mobilen Daten, mit einem Daumen. Also musste sie schnell laden, auf dem ersten Screen sagen, was ich mache, und es beweisen, indem sie gut gebaut ist, statt es nur zu behaupten. Ein Portfolio, das sich Zeit lässt, um zu erklären, dass es schnelle Websites bauen kann, hat das Argument schon verloren.
Es gab genau eine Regel: Was nicht in eine Datei passt, die ich selbst getippt habe, kommt nicht rein. Kein Framework, hinter dem sich ein schlechtes Layout verstecken kann, kein Build-Schritt zwischen dem, was ich schreibe, und dem, was ausgeliefert wird, und keine Abhängigkeit, die still wächst. Jedes Byte, das ein Besucher lädt, habe ich ausgewählt. Das ist die ganze Vorgabe, und sie hat jede andere Entscheidung auf der Website bestimmt.
02 — Designentscheidungen
Warum sie so aussieht
Fünf Entscheidungen, und jede ist in den Abbildungen unten zu sehen. Die Clips laufen stumm und ohne Steuerung: Es sind Abbildungen, die sich bewegen, kein Videoplayer.
Das Panel, bei 1440px
Das Arbeitenraster, beim Hovern
Die Navigation, mit markiertem Zustand
03 — Ehrliche Reste
Was noch nicht stimmt
Das Idle-Log ist nur localStorage, sieht also sozial aus und ist es nicht. Die gezählten Zahlen sind eine Momentaufnahme eines Commits und stimmen nicht mehr, sobald ich eine dieser Dateien bearbeite. Und die Seite hat sich inzwischen weiterentwickelt: Aus dem Portfolio wurde eine Studio-Website, mit einer Leiste oben statt des Panels und den Arbeiten in voller Breite. Was du oben siehst, ist das fertige Portfolio, nicht das, was heute unter derselben Adresse steht. Das lasse ich lieber hier stehen, als es still in einem Screenshot zu korrigieren.