Portfolios sind bei Webdesignern oft eine Wand aus hübschen Screenshots ohne Kontext. Sieht gut aus, sagt nichts. Deshalb erzähle ich lieber, wie ein Projekt wirklich abgelaufen ist – an einem echten Beispiel aus Berlin.
Der Kunde: Baubetreuer Berlin, ein Dienstleister rund ums Bauen. Die Aufgabe klang erst simpel und war es dann doch nicht.
Die Ausgangslage
Der Wunsch war eine Website, die zwei Dinge gleichzeitig kann: bei der klassischen Google-Suche überzeugen – und für die neue Generation von KI-Assistenten sauber lesbar sein. Denn immer öfter steht heute nicht Google zwischen Kunde und Anbieter, sondern ChatGPT oder Perplexity. Wer da nicht auftaucht, existiert für einen wachsenden Teil der Leute schlicht nicht.
Dazu kam ein handfester Anspruch: Vertrauen sofort sichtbar machen und Anfragen zuverlässig einsammeln. Bei einem Bau-Dienstleister ist genau das die halbe Miete – da vertraut niemand einem anonymen Kontaktformular.
Warum Astro und kein Baukasten
Ich habe die Seite mit Astro gebaut. Der Grund ist immer derselbe: Astro erzeugt statische Seiten, die schnell laden, kaum Angriffsfläche bieten und ohne den ganzen Datenbank-Ballast auskommen. Genau das, was ein kleiner Dienstleister braucht und nicht andersrum ein System, das ständig gewartet werden will.
Das Ergebnis lässt sich messen: ein Lighthouse-Performance-Score von 99 von 100. Das ist kein Selbstzweck. Auf dem Handy, wo die meisten Bau-Anfragen entstehen, entscheidet die erste Sekunde, ob jemand bleibt oder wieder wegklickt.
Die drei Bausteine, die den Unterschied machen
Drei Dinge haben aus einer schönen Seite eine arbeitende Seite gemacht:
- Ein Lead-Formular mit Node.js. Anfragen laufen serverseitig über eine eigene Lösung, nicht über einen fremden Formular-Dienst. Voll unter Kontrolle, DSGVO-freundlich, kein Datenabfluss zu irgendeinem US-Anbieter.
- Echte Google-Bewertungen, live eingebunden. Direkt aus dem Business-Profil auf die Seite. Kein selbstgeschriebenes „Unsere Kunden lieben uns“, sondern echte Stimmen. Das ist der Unterschied zwischen Behauptung und Beweis.
- Ein integrierter Blog. Damit laufend neue Inhalte entstehen können – die Basis dafür, langfristig für mehr Suchbegriffe sichtbar zu werden.
Agent-Ready: die Seite denkt an die KI mit
Der spannendste Teil war die konsequente Agent-Ready-Umsetzung. Klingt nach Buzzword, meint aber etwas ganz Konkretes: saubere semantische Struktur, eine klare Überschriften-Hierarchie und maschinenlesbare Daten. So können KI-Systeme die Inhalte korrekt erfassen – und im besten Fall zitieren, wenn jemand sie nach einem Baubetreuer in Berlin fragt.
Das ist die Art von Arbeit, die man auf den ersten Blick nicht sieht. Kein Kunde bedankt sich für sauberes HTML. Aber genau das entscheidet in den nächsten Jahren mit darüber, wer online gefunden wird und wer nicht.
Was ich aus dem Projekt mitgenommen habe
Die Lektion ist keine technische. Sie ist strategisch: Eine Website ist heute kein digitaler Flyer mehr, den man einmal aufhängt. Sie ist ein Werkzeug, das Leads verarbeitet, Vertrauen zeigt und für Menschen wie für Maschinen lesbar sein muss. Alles gleichzeitig.
Genau dieser Anspruch steckt auch in meinem Standardangebot für Webdesign Berlin: schnell, sauber gebaut, von Anfang an auf Auffindbarkeit ausgelegt. Das Baubetreuer-Projekt war ein besonders schönes Beispiel dafür, weil hier alle Teile zusammenkamen.
Wenn du ein ähnliches Vorhaben hast – eine Website, die nicht nur gut aussieht, sondern arbeitet – dann lass uns reden. Am liebsten mit einem konkreten Ziel im Kopf, nicht mit einem Moodboard. Genau da fangen die guten Projekte an.