Webdesign & Frontend · Freiburg · DACH
Zack!Da.
clean codeclean designclean facts
100 × 4
PageSpeed bei Übergabe
raisa-kunstleben.de
mobil und Desktop, 01.09.2026
2
Nennungen in Googles KI-Antworten
Heckweg Landschaftsbau
Achtsamkeit in Marburg
3
Rankings auf drei Techniken
statisches HTML · WordPress · Wix
800 €
Tagessatz
zzgl. USt · Projekte
auch als Pauschale
Weg 1
Kultur, Verein, Praxis, Handwerk, nachhaltiger Betrieb. Konzept, Gestaltung, Bilder, Umsetzung — übergeben mit gemessenen Werten und allen Rechten.
Weg 2
Du gestaltest, ich baue: statisch oder gehärtetes WordPress. Ich frage nach Zuständen und Grenzfällen, statt deine Gestaltung wegzudiskutieren.
01 · Leistungen
Struktur, Gestaltung, Bilder, Umsetzung. Ohne Framework — reines HTML, CSS und natives JavaScript. Kein React, kein Vue, kein Build-Schritt. Oder mit schlanker Redaktionsoberfläche, wenn wirklich jemand pflegt.
Beleg: raisa-kunstleben.de
100 · 100 · 100 · 100
mobil und Desktop, mit Titelbild
PageSpeed Insights, 01.09.2026
Zu langsam, zu teuer im Betrieb? Ich messe, räume aus, baue neu auf. Core Web Vitals sind Abnahmekriterium, nicht Werbesatz.
Beleg: achtsamkeit-in-marburg.de
LCP 0,6 s · TBT 0 ms, Desktop
PageSpeed Insights, 01.09.2026
WCAG 2.2 als Handwerk statt Overlay-Skript: Tastaturbedienung, Kontraste, Semantik, beschreibende Alternativtexte.
Beleg: Barrierefreiheit 100
WCAG 2.2 Level AA
geprüft 01.09.2026
Seit 2015 im Einsatz. Der größte Teil der Angriffsfläche liegt in Plugins und im Theme — mit eigenem Theme, Child Theme für Anpassungen und sauberer Serverarchitektur fällt er weg. Gehärtet, aktualisierbar, dokumentiert.
Beleg: Leistung 100 Desktop,
91 mobil · SEO 100
und in Googles KI-Antwort genannt
Kein Junk Food durch KI. Mehr geprüfte Substanz statt einfach billiger.
und ich kompensiere pro Projekt eine Tonne CO₂ — zur Nachhaltigkeit
02 · Haltung
Verantwortet wird jede Zeile von mir — deshalb bleibt der Tagessatz, wo er ist. Du zahlst nicht für Tippgeschwindigkeit, sondern für Urteilsvermögen.
Die andere Seite derselben Sache: Wer heute einen Betrieb sucht, fragt eine KI. Zwei von mir betreute Projekte werden in Googles KI-Antworten namentlich genannt. Dafür baue ich Seiten — damit die Maschine deinen Namen nennen kann, ohne zu raten.
Was die Zahlen sagen
84 % / 29 %
So viele Entwickler nutzen KI-Werkzeuge, so wenige vertrauen dem Ergebnis. 2024 waren es 40 %.
Stack Overflow Developer Survey 2025
19 % langsamer
Erfahrene Entwickler mit Top-Assistent im Feldversuch — während sie sich 20 % schneller fühlten.
METR-Feldstudie 2025
3 / 3
Agentisches Browsing: Google prüft, ob KI-Agenten eine Seite lesen und bedienen können. Meine Praxisseite erfüllt es vollständig.
PageSpeed Insights, 01.09.2026
03 · Belege
Archiv · fünf Sprachen · online seit 2025
Ein Archiv über die Meister des Fachs: Redaktion, Film, Ton, Web. Angefangen ehrenamtlich bei einem Schlagzeugfestival, heute mit Beteiligten von internationalem Rang.
Platz 4
„john h. beck“, weltweit
davor nur Wikipedia, Eastman
und die Percussive Arts Society
Design und SEO-Konzept · Umsetzung: Wix
Sichtbarkeit kommt aus Struktur und Inhalt, nicht aus der Software. Der Betrieb steht seit Jahren stabil vorn — und wird inzwischen von Googles KI-Antwort selbst empfohlen.
Platz 3
„Rasen mähen lassen Göppingen“
bei „…lassen Boll“ in Googles
KI-Antwort namentlich genannt
Marburg · statisches HTML
Eine einzelne Praxis, sichtbar zwischen den Portalen. Volle Wertung in allen vier Kategorien — mobil wie am Schreibtisch, mit großem Titelbild. Beschreibende Alternativtexte, keine Cookies.
Platz 3
„psychologin marburg“
darüber nur zwei Verzeichnisse
100 × 4 mobil und Desktop
Agentisches Browsing 3/3
Verband · Fachdatenbank
Konzept, Design und Umsetzung eines Verzeichnisses zertifizierter Anlagen: Antragsstrecke, Bearbeitungsprozess, Dokumenthistorie — gepflegt von externen Prüfinstitutionen.
Wettbewerbsplattform
Registrierung, persönlicher Einreichungsbereich, Jury, Preisträger-Archiv, Sponsorenlogik. Unter Schirmherrschaft von Senatsverwaltung und Ministerium.
storyfacturing.design · statisches HTML
Warum Zack!Da.? Weil die Seite in einem Wimpernschlag lesbar ist. Der größte Inhalt steht nach 0,3 Sekunden — der Name ist keine Behauptung, sondern der Messwert daneben.
Kein Framework, keine Datenbank, keine Dienste Dritter, kein Cookie-Banner; bei Website Carbon steht sie sauberer als 99 % aller Webseiten. Die sechste Arbeit in dieser Liste ist die Seite, auf der du gerade bist.
100 × 4
Leistung, Barrierefreiheit,
Best Practices und SEO
Agentisches Browsing 3/3
LCP 0,3 s · TBT 0 ms · CLS 0
Desktop, 02.09.2026
Weitere Arbeiten: Sandra Janner (Klavierunterricht Freiburg, Platz 3) · Legnar Design, Irland · Praxis Kunstleben · Burn-out-Brücke, Konzept · Social On
04 · Für Designbüros
Der übliche Ärger: Umsetzung ohne Gestaltungsverständnis. Raster verrutschen, Zwischengrößen fehlen, Zustände werden erfunden. Ich komme aus der Gestaltung und lese dein Design als Absicht.
Auf Tagessatz oder als Festpreis pro Seitentyp. Auf Wunsch unter deinem Namen, mit Übergabe in dein Repository.
05 · Preis
Tagessatz
800 €
zzgl. USt. Für Umsetzung, Optimierung und Arbeit auf Zuruf.
Projekte
Kostenrahmen
Aus Bausteinen kalkuliert, jeder mit Tagesschätzung. Rahmen mit Deckel: bei 80 % melde ich mich, bevor er ausgeschöpft ist.
Kultur und Gemeinnutz
ggf. Sozialtarif
Wenn nötig und das Projekt überschaubar bleibt. Für Vereine, Initiativen, Kulturprojekte — nach Absprache.
So sieht eine Kostenaufstellung bei mir aus: jeder Baustein einzeln geschätzt, die Summe als Rahmen. Kein Festpreis, keine Blackbox.
| Baustein | Aufwand | Kosten |
|---|---|---|
| Struktur und Inhaltsplan | 1 Tagessatz | 800 € |
| Entwurf Webseite | 1,5 Tagessätze | 1.200 € |
| Umsetzung statisch, bis 4 Seiten | 1,5 Tagessätze | 1.200 € |
| Kommunikationspauschale Beratung, Meetings und eine Korrektur | 6 h gesamt | 500 € |
| Übergabe, Einweisung, Dokumentation | 0,5 Tagessätze | 400 € |
| CO₂-Kompensation, 1 t | inklusive · über PRIMAKLIMA | |
| Fotografie | optional · ben-kunstleben.com | |
| Film und Bewegtbild | optional · kunstleben.media | |
| Texte redigieren | optional · über mein Netzwerk mit Texter*in, zubuchbar | |
| Beispiel — ohne Optionen | 5,25 Tagessätze | 4.100 € |
Barrierefreiheit nach WCAG 2.2 steht nicht in der Liste, weil sie inklusive ist. Ich baue direkt barrierefrei — das ist Handwerk, kein Aufpreis.
Im Angebot steht daraus ein Rahmen mit Deckel — hier etwa 5,5 bis 6,5 Tagessätze. Bei 80 % melde ich mich, bevor er ausgeschöpft ist. Projektzeitraum bei gelieferten Inhalten etwa drei Wochen. Der Termin wird vereinbart, je nach Verfügbarkeit und Projekt — schnellere Abarbeitung gegen Aufpreis. Korrekturen sind Teil des Aufwands und stehen im Rahmen, nicht als Freikontingent daneben.
06 · Angebot
Viele Websites laufen auf WordPress, obwohl sie zweimal im Jahr geändert werden. Dann bezahlst du Updates, Backups und ein Sicherheitsrisiko für eine Oberfläche, die niemand benutzt. So viele CMS müssen keins sein.
zzgl. USt. · Begutachtung wird verrechnet
07 · Passung
Ich arbeite nicht für Rüstung, fossile Energie, Glücksspiel, Tabak, Krypto-Spekulation, Massentierhaltung, MLM und Coaching-Funnels, Fast Fashion oder SEO-Spam — nach den Ausschlusskriterien der GLS Bank. Passt es nicht, sage ich das im Erstgespräch und empfehle ggf. kompetente Kolleg*innen.
08 · Ablauf
Schritt 1 · kostenfrei
20 Minuten: Ziel, Inhalte, Budget, Termin. Auf Wunsch prüfe ich deine bestehende Seite und sage dir, ob sie ein Problem hat — oder nur ein zu großes Bild. Jede weitergehende Beratung wird abgerechnet.
Schritt 2 · in 3 Tagen
Kostenaufstellung nach Bausteinen mit Tagesschätzung, Rahmen mit Deckel, Termin — und was ich von dir brauche. Keine Positionen, die niemand versteht.
Schritt 3 · 1 bis 3 Monate
Gestaltung, Umsetzung, Bilder, Abnahme mit gemessenen Werten. Übergabe mit Doku und allen Rechten.
09 · Fragen
Nein — und wer das behauptet, hat entweder keine Bilder oder keine Messung. Eine Textseite erreicht die volle Wertung, eine Startseite mit großem Film nicht. Performance ist ein Budget: Ich sage dir vorher, was ein Hintergrundvideo, eine Karte oder eine Schriftfamilie kostet.
Ja. Der verbreitete Satz „ohne Framework kein Backend“ stimmt so nicht — er verwechselt Framework mit Redaktionssystem. Zur Übergabe gehört eine bebilderte Anleitung, wie du eine Zeile Text in der HTML-Datei änderst: Datei öffnen, Satz austauschen, speichern, hochladen. Wer öfter etwas ändert, bekommt eine schlanke Redaktionsansicht — ohne dass dafür eine Datenbank auf dem Server läuft. Und wer gar nichts anfassen will, meldet mir die Änderung; bei zwei bis vier im Jahr ist das günstiger als jede Wartungspauschale.
Beim Bauen ja, im Betrieb nein. Ein Framework nimmt einem das Zusammensetzen aus fertigen Bausteinen ab — dafür liefert es Code mit, den die Seite nie braucht, und es will aktualisiert werden. Bei vier bis acht Seiten wiegt der Vorteil wenig und der Nachteil schwer: reines HTML, CSS und natives JavaScript sind dort schneller fertig und danach wartungsfrei. Bei einer Anwendung mit Anmeldung, Zuständen und laufender Weiterentwicklung ist ein Framework die richtige Wahl — dann sage ich das.
Es ist ein System, das Pflege braucht — und die Lage ändert sich laufend. Im Juli 2026 hat das BSI vor der Lücke „wp2shell“ gewarnt, Warnstufe Orange: Übernahme einer Seite ohne Login, betroffen auch Installationen ohne jedes Plugin. Wer hier Sicherheit verspricht, verkauft eine Behauptung.
Was ich zusagen kann, ist Handwerk: eigene Themes mit wenigen Abhängigkeiten, saubere Serverarchitektur, Zwei-Faktor-Anmeldung, eigene Passwörter pro Dienst, funktionierende Updates und Backups. Und die Frage vorweg: Pflegt wirklich jemand täglich Inhalte? Wenn nein, ist eine statische Seite die einfachere Antwort — sie hat diese Angriffsfläche gar nicht. Die acht Maßnahmen habe ich hier aufgeschrieben.
Mit nützlichen Inhalten — das ist Googles eigene Vorgabe, keine Floskel. Technisch sorge ich für Tempo, saubere Struktur und maschinenlesbare Daten; inhaltlich braucht es Seiten, die echte Fragen beantworten. Das gilt doppelt, weil KI-Antworten genau solche Seiten zitieren.
Versprechen kann das niemand. Was ich tun kann: eindeutige Fakten, belegte Aussagen, Fragen als Überschriften, maschinenlesbare Auszeichnung und übereinstimmende Angaben auf allen Profilen. Bei zwei von mir betreuten Projekten funktioniert es messbar — beide werden in Googles KI-Antworten namentlich genannt.
Nur wenn es dir Arbeit spart. Ein Formular mit den richtigen drei Fragen sortiert Anfragen vor; eines mit zwölf Feldern verhindert sie. Mailadresse und Telefonnummer gehören in beiden Fällen sichtbar auf die Seite.
Absicht. Niemand liest eine Website von oben nach unten, Menschen springen. Die wichtigste Aussage muss an jedem Einstiegspunkt verfügbar sein. Für KIs gilt dasselbe: sie zitieren Abschnitte, nicht ganze Seiten.
Nein. Zugangsdaten, Kundendaten und unveröffentlichte Inhalte gehen nicht durch ein Modell — das ist eine Arbeitsregel, keine Einstellung, die jemand versehentlich umlegt. Durch geht Code, den ich selbst geschrieben oder gelesen habe, und öffentliche Dokumentation.
Ohne KI mache ich bewusst: rechtliche Texte, Preiszusagen, Sicherheitsarchitektur und den ersten Gestaltungsentwurf. Ein Modell kennt den Durchschnitt — und der Durchschnitt ist bei einer Website genau das Problem.
Haftbar bin in jedem Fall ich, versichert über die Berufshaftpflicht. Die Frage, wer geradesteht, wenn eine Maschine sich irrt, stellt sich hier gar nicht erst. Wie ich mit KI arbeite, steht oben unter Haltung.
10 · Fakten
11 · Nachhaltigkeit
100 %
Ökostrom
EWS Schönau —
Arbeitsplatz und Server
99 %
aller Webseiten weltweit laden schmutziger
diese Seite bei Website Carbon
unter 0,01 g CO₂ pro Aufruf
gemessen 02.09.2026
Das Wirksamste ist nicht die Kompensation, sondern das Kilobyte, das nie geladen wird. Schlanke Seiten verbrauchen bei jedem einzelnen Aufruf weniger — über Jahre ist das der größere Hebel als jede Zahl in einem Zertifikat. Zwei von mir gebaute Seiten stehen bei Website Carbon auf A+: raisa-kunstleben.de und percussion-masters.org — die zweite mit Videoarchiv in fünf Sprachen. Nachprüfen kannst du es selbst, dazu den Serverstandort über den Green Hosting Check der Green Web Foundation.
Diese Seite ist selbst der Beleg. Website Carbon misst sie sauberer als 99 % aller Webseiten weltweit, mit unter 0,01 Gramm CO₂ pro Aufruf — nachzusehen bei Website Carbon, gemessen am 02.09.2026. Das ist keine nachträgliche Optimierung, sondern das Ergebnis davon, nichts zu laden, was niemand braucht.
Und weil das hier keine Ausnahme sein soll: Dieser Umbau ist selbst kompensiert. Die Urkunde über eine Tonne läuft auf „storyfacturing – redesign – 2026“, ausgestellt am 01.09.2026 — hier nachzusehen.
12 · Kontakt
Vier Angaben genügen für eine ehrliche erste Antwort. Ich melde mich innerhalb von zwei Werktagen — auch, wenn ich nicht der Richtige bin.
Bevor du klickst
Suchergebnisse sind kein fester Wert. Sie hängen ab von Standort, Zeitpunkt, Gerät, Verlauf und dem angemeldeten Konto. Was ich am 01.09.2026 gesehen habe, kann bei dir anders aussehen — deshalb zeige ich keinen Screenshot, sondern lasse dich selbst nachsehen.
Weltweite Suche, kein lokaler Bezug — hier schwankt es am wenigsten.
Bevor du klickst
Suchergebnisse sind kein fester Wert. Sie hängen ab von Standort, Zeitpunkt, Gerät, Verlauf und dem angemeldeten Konto. Was ich am 01.09.2026 gesehen habe, kann bei dir anders aussehen — deshalb zeige ich keinen Screenshot, sondern lasse dich selbst nachsehen.
Stark standortabhängig: Wer nicht im Raum Göppingen sucht, sieht andere Treffer.
Bevor du klickst
Suchergebnisse sind kein fester Wert. Sie hängen ab von Standort, Zeitpunkt, Gerät, Verlauf und dem angemeldeten Konto. Was ich am 01.09.2026 gesehen habe, kann bei dir anders aussehen — deshalb zeige ich keinen Screenshot, sondern lasse dich selbst nachsehen.
Standortabhängig. Ohne Marburg-Bezug rangieren Portale weiter vorn.
Bevor du klickst
Die Seite wird bei Telefon-, Tablet- und Desktopbreite gleichzeitig gezeigt — so siehst du live, wie sie sich verhält. Verzeichnis Rundholzvermessung.
Dabei wird die Adresse der Seite an responsivetesttool.com übertragen, einen Dienst Dritter. Der lädt die Seite auf seinem Server und stellt sie dar. Wenn du das nicht willst, öffne die Seite einfach direkt.
Bevor du klickst
Die Seite wird bei Telefon-, Tablet- und Desktopbreite gleichzeitig gezeigt — so siehst du live, wie sie sich verhält. Wettbewerbsplattform.
Dabei wird die Adresse der Seite an responsivetesttool.com übertragen, einen Dienst Dritter. Der lädt die Seite auf seinem Server und stellt sie dar. Wenn du das nicht willst, öffne die Seite einfach direkt.
Beleg · diese Seite · 02.09.2026
SchließenEine Messung der Seite, auf der du gerade bist — nicht einer fremden. Nachprüfbar über PageSpeed Insights, dauert eine Minute.
Laborwerte, keine Felddaten — dafür ist die Seite zu neu. Und die volle Wertung gibt es hier, weil das eine Textseite ohne Film und ohne Karte ist. Was ein Hintergrundvideo kostet, steht unter Häufige Fragen.
Beleg · CO₂-Kompensation · 01.09.2026
SchließenAusgestellt auf „storyfacturing - redesign - 2026“ — also auf genau diesen Umbau. Eingebunden wird das CO₂ über Aufforstung und den Schutz von Regenwäldern in zertifizierten Projekten.
Eine Tonne pro Projekt, inklusive statt Aufpreis. Nachprüfbar bei primaklima.org. Das Wirksamste bleibt trotzdem das Kilobyte, das nie geladen wird — die Kompensation kommt danach, nicht anstelle.
PageSpeed-Bericht · raisa-kunstleben.de · mobil und Desktop · 01.09.2026
SchließenEine Messung meiner eigenen Arbeit, mit Datum und Adresse. Nachprüfbar über PageSpeed Insights — Werte können sich ändern.