Zum Inhalt springen
Ben Kunstleben Storyfacturing

Webdesign & Frontend · Freiburg · DACH

Zack!Da.

clean codeclean designclean facts

Gestaltung und Code von einer Person: schnelle, sichere Websites in HTML, CSS und JavaScript. Bei der Übergabe stehen gemessene Werte.

Projekt anfragen Belege ansehen

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

Du brauchst eine Website.

Kultur, Verein, Praxis, Handwerk, nachhaltiger Betrieb. Konzept, Gestaltung, Bilder, Umsetzung — übergeben mit gemessenen Werten und allen Rechten.

Leistungen und Preis

Weg 2

Du bist Screendesigner*in.

Du gestaltest, ich baue: statisch oder gehärtetes WordPress. Ich frage nach Zuständen und Grenzfällen, statt deine Gestaltung wegzudiskutieren.

Umsetzung für Designbüros

01 · Leistungen

Was ich baue

Website-Neubau

Struktur, Gestaltung, Bilder, Umsetzung. Statisch in HTML, CSS, JS — 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

Bericht ansehen

Relaunch und Tempo

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

Was da gemessen wird

Barrierefreiheit, BFSG

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

Sichere WordPress-Umsetzung

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

Ich arbeite mit KI. Was heißt das für dich?

  • Manches, was früher zu teuer gewesen wäre, ist heute kein Problem mehr.
  • Du bekommst mehrfach geprüften Code — nicht einmal geschrieben, sondern durchgesehen.
  • Ich arbeite genauso lange wie vorher, nur an anderen Details — davon profitierst du.
  • Mehr Varianten zur Auswahl, mehr geprüfte Zustände, bessere Dokumentation.

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

Arbeiten mit Ergebnis

Percussion Masters

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

selbst nachsehen

Heckweg Landschaftsbau

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

selbst nachsehen

Praxis Raisa Kunstleben

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

Bericht ansehen

selbst nachsehen

RVWV Rundholzvermessung

Verband · Fachdatenbank

Konzept, Design und Umsetzung eines Verzeichnisses zertifizierter Anlagen: Antragsstrecke, Bearbeitungsprozess, Dokumenthistorie — gepflegt von externen Prüfinstitutionen.

20 Jahre

Regelwerk mit Versionen
ab 2005 durchsuchbar

in drei Größen ansehen

Holzbaupreis Berlin-Brandenburg

Wettbewerbsplattform

Registrierung, persönlicher Einreichungsbereich, Jury, Preisträger-Archiv, Sponsorenlogik. Unter Schirmherrschaft von Senatsverwaltung und Ministerium.

Portal

Einreichung mit Frist,
Jahrgangsarchiv

in drei Größen ansehen

Zack!Da.

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

Bericht ansehen

selbst nachmessen

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

Du gestaltest. Ich baue.

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.

Umsetzung anfragen

  • Ich gehe Pixel für Pixel durch, bis es sitzt — nicht drei Umschaltpunkte und der Rest fällt, wie er fällt. Und ich melde vorher, wo das Design bei echten Inhalten bricht.
  • Zustände, Grenzfälle, Tastaturbedienung und Kontraste kommen mit.
  • WordPress als eigenes Theme, gehärtet und aktualisierbar.
  • Ein Ansprechpartner, keine Weitergabe an Dritte.
  • Fehlen Bilder: Ich bin Fotograf. Fehlt Film: ich filme auch.
  • Kein eierlegendes Wollmilchschwein: Ich mache auch sehr gern nur eine Sache und arbeite im Team. Meine Expertise aus den anderen Bereichen fließt gratis mit ein.

05 · Preis

Was kostet das?

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.

  • Nutzungsrechte vollständig bei dir, inklusive Code.
  • Fehlt Zuarbeit, verschiebt sich der Termin, nicht der Umfang.
  • Übergabe mit Einweisung und Dokumentation.
  • Wartung optional, nie Pflicht.
Transparente Aufstellung Beispiel: Website für einen Verein oder eine Praxis

So sieht eine Kostenaufstellung bei mir aus: jeder Baustein einzeln geschätzt, die Summe als Rahmen. Kein Festpreis, keine Blackbox.

Beispielrechnung auf Basis von 800 € Tagessatz, Kommunikation pauschal, zzgl. USt. Kein Angebot.
BausteinAufwandKosten
Struktur und Inhaltsplan1 Tagessatz800 €
Entwurf Webseite1,5 Tagessätze1.200 €
Umsetzung statisch, bis 4 Seiten1,5 Tagessätze1.200 €
Kommunikationspauschale Beratung, Meetings und eine Korrektur6 h gesamt500 €
Übergabe, Einweisung, Dokumentation0,5 Tagessätze400 €
CO₂-Kompensation, 1 tinklusive · über PRIMAKLIMA
Fotografieoptional · ben-kunstleben.com
Film und Bewegtbildoptional · kunstleben.media
Texte redigierenoptional · über mein Netzwerk mit Texter*in, zubuchbar
Beispiel — ohne Optionen5,25 Tagessätze4.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

Ist deine Seite eigentlich statisch?

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.

Umstieg ansehen

Begutachtung
75 €
Umbau, 4 Seiten
plus Impressum und Datenschutz
ab 800 €

zzgl. USt. · Begutachtung wird verrechnet

07 · Passung

Passen wir zusammen?

Ja, wenn …

  • du etwas bewegen willst und nicht nur „online sein“ musst.
  • Gestaltung für dich eine Entscheidung ist, keine Geschmacksrunde.
  • eine Person entscheidet und erreichbar ist.
  • Qualität bei dir ein Budget hat.
  • Nachhaltigkeit mehr ist als ein Satz im Impressum.

Nein, wenn …

  • es „schnell und günstig“ werden soll.
  • „so wie diese Seite, nur anders“ das Briefing ist.
  • ein Gremium ohne Mandat entscheidet und die Frist schon steht.
  • das Honorar erfolgsabhängig gedacht ist oder ein Konzept auf Verdacht erwartet wird.
  • die Branche auf meiner Ausschlussliste steht — siehe unten.

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

Wie läuft das ab?

  1. Schritt 1 · kostenfrei

    Gespräch

    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.

  2. Schritt 2 · in 3 Tagen

    Angebot

    Kostenaufstellung nach Bausteinen mit Tagesschätzung, Rahmen mit Deckel, Termin — und was ich von dir brauche. Keine Positionen, die niemand versteht.

  3. Schritt 3 · 1 bis 3 Monate

    Ausführung

    Gestaltung, Umsetzung, Bilder, Abnahme mit gemessenen Werten. Übergabe mit Doku und allen Rechten.

09 · Fragen

Häufige Fragen

Erreicht jede Seite 100/100?

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.

Ist WordPress unsicher?

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.

Wie ranke ich wieder gut?

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.

Werde ich in KI-Antworten genannt?

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.

Brauche ich ein Kontaktformular?

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.

Warum stehen manche Aussagen mehrfach auf der 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.

Gehen meine Daten in eine KI?

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

Für die Beauftragung

Sitz und Radius
Freiburg im Breisgau. Projekte im gesamten DACH-Raum, Termine vor Ort möglich — für ein lohnendes Projekt setze ich mich in den Zug.
Sprachen
Deutsch, Englisch — auch für zweisprachige Auftritte.
Vorlauf
Start in 1 bis 5 Wochen, je nach Umfang und Zuarbeit.
Abrechnung
Abrechnung nach Aufwand innerhalb des vereinbarten Rahmens. 30 % Anzahlung bei Auftrag, Rest nach Abnahme. Tagessatz 800 € zzgl. USt. Im EU-Ausland bei B2B nach Reverse-Charge-Verfahren.
Technik
Statisches HTML, CSS, JavaScript. WordPress als eigenes Theme, wenn nötig.
Datenschutz
Keine Dienste Dritter, keine Cookies, kein Banner. Schriften liegen auf dem eigenen Server, nicht bei Google. Nachzulesen im Datenschutz.
Versichert
Berufshaftpflicht über EXALI: 300.000 € Vermögensschaden, 2 Mio. € Betriebshaftpflicht, mit zehn Jahren Nachmeldefrist — Bedingungen im Impressum, Siegel prüfen.
Auch im Haus
Fotografie und Bewegtbild: kunstleben.media.
Warum dunkel
Auf OLED-Displays spart eine dunkle Seite messbar Strom, auf LCD praktisch nicht. Der größere Hebel bleibt das Seitengewicht — deshalb halte ich ausgelieferte Seiten unter 150 kB und vereinbare den Wert im Angebot.
Werte
Projektauswahl nach den Ausschlusskriterien der GLS Bank.

11 · Nachhaltigkeit

Was daran nachhaltig ist

100 %

Ökostrom

EWS Schönau —
Arbeitsplatz und Server

A+

bei Website Carbon

belegt für raisa-kunstleben.de
und percussion-masters.org

99 %

aller Webseiten weltweit laden schmutziger

diese Seite bei Website Carbon
unter 0,01 g CO₂ pro Aufruf
gemessen 02.09.2026

Ergebnis ansehen

1 t

CO₂ pro Projekt kompensiert

über PRIMAKLIMA,
inklusive statt Aufpreis

Urkunde ansehen

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

Erzähl mir vom Projekt.

Vier Angaben genügen für eine ehrliche erste Antwort. Ich melde mich innerhalb von zwei Werktagen — auch, wenn ich nicht der Richtige bin.

Sitz
Freiburg im Breisgau
Worum geht es?
Budgetrahmen

Deine Angaben gehen ausschließlich an mich. Das Formular überträgt nichts an einen Server — es öffnet dein Mailprogramm. Kein Tracking, keine Weitergabe.