Zum Inhalt springen
Ben Kunstleben Storyfacturing

Webdesign · Freiburg · DACH

Zack!Da.

clean codeclean designclean facts

Webdesigner und Webentwickler in Freiburg: Websites in HTML und WordPress, schnell und sicher.

Gestaltung und Code von einer Person. Bei der Übergabe stehen gemessene Werte.

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 · alle Preise
auf einen Blick

01 · Wege

Was liegt an?

Welcher Weg richtig ist, entscheidet deine Website, nicht eine Vorliebe. Sag mir, was du brauchst. Ich sage dir ehrlich, was hilft: HTML, WordPress oder beides.

Linie Neu

Neue Website oder Relaunch

Gestaltet und gebaut: als schnelle HTML-Seite ohne Wartung, oder mit WordPress, wenn du selbst pflegen willst.

Preise und Beispiele

Linie Absichern

Bestehende WordPress-Seite

Absichern und warten, oder auf eine HTML-Seite umbauen, die keine Wartung braucht. Der Wege-Check zeigt in acht Fragen, was zu deiner Seite passt.

Zum Wege-Check · Zum Umstieg

Linie Notfall

Website gehackt?

Schaden begrenzen, bereinigen oder neu aufbauen. Rückruf meist am selben Tag.

Zur Notfallhilfe

Du gestaltest, ich baue. Figma-Entwürfe pixelgenau in HTML oder WordPress, für Designbüros

02 · Leistungen

Was ich baue

Website-Neubau

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

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 einem schlanken Theme, Child-Theme für Anpassungen und sauberer Serverarchitektur wird er klein. Gehärtet, aktualisierbar, dokumentiert — und auf Wunsch laufend gewartet.

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

03 · Messwerte

Bei Google auf Seite 1.

Websites, an denen ich gearbeitet habe, und wofür man sie bei Google findet. Jede Platzierung mit Datum, und du kannst selbst nachsehen.

Gesucht wird

klavierunterricht freiburg

Gefunden wird

Klavierstudio Sandra Janner

Klavierunterricht in Freiburg. Umgebaut von WordPress auf HTML, die Gestaltung überarbeitet.

Bei Google

Platz 3

Freiburg, 26.10.2026

Technische Details
Technik
Statisches HTML, vorher WordPress
Meine Rolle
Umbau und überarbeitete Gestaltung. Das ursprüngliche Design ist nicht von mir.

Gesucht wird

lachyoga freiburg

Gefunden wird

lachen tut gut

Stefan Summ, Lachyoga-Trainer und Humorberater in Freiburg.

Bei Google

Platz 2

Freiburg, 26.10.2026

Technische Details
Meine Rolle
Gestaltung, Fotos und Umsetzung

Gesucht wird

rasen mähen lassen göppingen

Gefunden wird

Heckweg Garten- und Landschaftspflege

Aichelberg, Raum Göppingen. Sichtbarkeit aus Struktur und Inhalt, nicht aus der Software: umgesetzt in Wix, und inzwischen von Googles KI-Antwort selbst empfohlen.

Bei Google

Platz 3

01.09.2026, dazu
in der KI-Antwort genannt

Technische Details
Technik
Wix
Meine Rolle
Webdesign zu großen Teilen, Texte und SEO-Konzept. Logo und Farben waren vorgegeben.
KI-Antwort
Bei „Rasen mähen lassen Boll“ nennt Googles KI-Antwort den Betrieb namentlich.

Gesucht wird

psychologin marburg

Gefunden wird

Praxis Raisa Kunstleben

Eine einzelne Praxis in Marburg, sichtbar zwischen den Portalen. Beschreibende Alternativtexte, keine Cookies.

Bei Google

Platz 3

01.09.2026, darüber
nur zwei Verzeichnisse

Technische Details
Technik
Statisches HTML
Messwerte
100 × 4 in PageSpeed Insights, mobil und Desktop, mit großem Titelbild. Agentisches Browsing 3/3. 01.09.2026. Bericht ansehen

Gesucht wird

john h. beck

Gefunden wird

Percussion Masters

Ein Archiv über die Meister des Schlagwerks, in fünf Sprachen. Redaktion, Film, Ton und Web, eigenes Projekt.

Bei Google

Platz 4

weltweit, 01.09.2026

Technische Details
Technik
Statisches HTML, wenig PHP
Einordnung
Davor stehen nur Wikipedia, Eastman und die Percussive Arts Society.
Messwerte
A+ bei Website Carbon, trotz Videoarchiv in fünf Sprachen

Suchergebnisse hängen ab von Standort, Zeitpunkt, Gerät und Konto. Darum kein Bildschirmfoto, sondern die Suche zum Selbstprüfen.

Mehr als Rankings

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 · WordPress

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

Portal

Einreichung mit Frist,
Jahrgangsarchiv

bei Google Platz 1 für den
eigenen Namen, 26.10.2026

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 letzte 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: 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 ab 1.600 € für bis zu drei Seitentypen. 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 mit schlankem Theme und Child-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?

Neue Website

ab 1.800 €

als Onepager in HTML. Mit vier Seiten rund 4.100 €, in WordPress ab 4.900 €.

Umbau von WordPress auf HTML

ab 800 €

gleiche Inhalte, gleiche Adressen. Danach keine Wartung.

WordPress-Wartung

35 € im Monat

Absichern ab 400 €, Ersteinrichtung 250 €.

  • Nutzungsrechte vollständig bei dir, inklusive Code.
  • Bevor ich mehr als 1,5 Stunden über einem genannten Preis abrechne, sprechen wir.
  • Übergabe mit Einweisung und Dokumentation.
  • Wartung optional, nie Pflicht.

Alle Preise zzgl. USt., als Orientierung. Sozialtarif auf Anfrage.

Alle Preise ansehen

06 · 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, 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.

07 · 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.

Kann ich Inhalte ohne Redaktionssystem selbst ändern?

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.

Ist eine Website ohne Framework nicht aufwendiger?

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.

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: schlanke 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 elf 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 unter Über mich.

Was gilt für die Beauftragung?

Mein Sitz ist Freiburg im Breisgau, Projekte mache ich im ganzen DACH-Raum, auf Deutsch und Englisch. Abgerechnet wird nach Aufwand: 30 % Anzahlung bei Auftrag, der Rest nach Abnahme, im EU-Ausland bei B2B im Reverse-Charge-Verfahren. Versichert bin ich über eine Berufshaftpflicht bei exali: 300.000 € Vermögensschaden, 2 Mio. € Betriebshaftpflicht, mit zehn Jahren Nachmeldefrist.

Warum ist die Seite dunkel?

Auf OLED-Bildschirmen spart eine dunkle Seite messbar Strom, auf LCD praktisch nicht. Der größere Hebel bleibt das Seitengewicht: Ausgelieferte Seiten halte ich unter 150 kB und vereinbare den Wert im Angebot.

08 · 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.

Bevor du klickst

Platz 4 — gemessen am 01.09.2026

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

Platz 3 und Nennung in der KI-Antwort — gemessen am 01.09.2026

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

Platz 3 — gemessen am 01.09.2026

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

Platz 3 — gemessen am 26.10.2026

Suchergebnisse sind kein fester Wert. Sie hängen ab von Standort, Zeitpunkt, Gerät, Verlauf und dem angemeldeten Konto. Was ich am 26.10.2026 gesehen habe, kann bei dir anders aussehen — deshalb zeige ich keinen Screenshot, sondern lasse dich selbst nachsehen.

Standortabhängig: Gesucht wurde in Freiburg, ohne Anmeldung.

Bevor du klickst

Platz 2 — gemessen am 26.10.2026

Suchergebnisse sind kein fester Wert. Sie hängen ab von Standort, Zeitpunkt, Gerät, Verlauf und dem angemeldeten Konto. Was ich am 26.10.2026 gesehen habe, kann bei dir anders aussehen — deshalb zeige ich keinen Screenshot, sondern lasse dich selbst nachsehen.

Standortabhängig: Gesucht wurde in Freiburg, ohne Anmeldung.

Bevor du klickst

RVWV in drei Größen

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

Holzbaupreis in drei Größen

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ßen
storyfacturing.design · Desktop · Lighthouse 13.4.1 · 02.09.2026, 09:52

Eine 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.

PageSpeed-Bericht · raisa-kunstleben.de · mobil und Desktop · 01.09.2026

Schließen
Mobil · Leistung, Barrierefreiheit, Best Practices und SEO je 100, Agentisches Browsing 3/3. LCP 1,8 s, Total Blocking Time 0 ms, Layout Shift 0.
Desktop · dieselben vier Werte, Agentisches Browsing 3/3. LCP 0,4 s, Speed Index 0,7 s.

Eine Messung meiner eigenen Arbeit, mit Datum und Adresse. Nachprüfbar über PageSpeed Insights — Werte können sich ändern.