Väterrechte-Kompass: Verkaufsseite und Checkout für einen Online-Kurs
Der Standard-Checkout von Tutor LMS überzeugte nicht. Jetzt führt eine klare Bestellseite durch den Kauf: alle Leistungen im Blick, nur drei Pflichtfelder.
Euer Entwurf, gebaut in Bricks. Barrierefrei, pflegbar, white-label.
Mediengestalter aus Bernau bei Berlin. Ihr verkauft, ich liefere – unter eurem Namen, wenn ihr das wollt.
- Bricks Builder Umsetzung nach eurem Design
- Barrierefreiheit Prüfung nach EN 301 549 und Behebung
- Freie Kapazität für Agenturprojekte
- White-Label auf Wunsch
- NDA ohne Rückfragen
- Antwort innerhalb eines Werktags
Vier Wege, mich einzusetzen. Vom einzelnen Projekt bis zur festen Kapazität im Monat.
White-Label-Umsetzung
Ihr liefert das Design, ich liefere die fertige Website. Gebaut in Bricks, Inhalte über ACF, barrierefrei als Standard und mit dokumentierter Übergabe.
ab 2.500 € Festpreis nach Schätzung
White-Label-Umsetzung: DetailsBarrierefreiheits-Audit
Dokumentierte Prüfung nach EN 301 549 mit priorisiertem Maßnahmenplan. Den Bericht gebt ihr direkt an euren Kunden weiter, auf Wunsch mit eurem Logo.
ab 399 € Festpreis nach Seitenumfang
Barrierefreiheits-Audit: DetailsBehebung
Was das Audit findet, setze ich in Bricks um. Danach folgt eine Nachprüfung, damit ihr belegen könnt, dass die Mängel behoben sind.
Festpreis nach Audit, Audit wird voll oder zur Hälfte angerechnet
Behebung: DetailsKontingent
Feste Stunden im Monat für Änderungen, neue Komponenten und Nachprüfungen. Planbare Kapazität, ohne dass ihr jemanden einstellen müsst.
ab 950 € / Monat 10, 20 oder 40 Stunden
Kontingent: Details
Alle Preise sind Endpreise: Als Kleinunternehmer nach § 19 UStG berechne ich keine Umsatzsteuer. Kalkuliert als Agenturpreise für den Weiterverkauf.
Prüfen und beheben, aus einer Hand. Die meisten Prüfungen enden mit einem Bericht. Meine enden mit einer reparierten Website.
Seit dem Barrierefreiheitsstärkungsgesetz fragen eure Kunden nach. Ich prüfe nach EN 301 549, der Norm, auf die das Gesetz verweist und die WCAG 2.1 AA einschließt. Dokumentiert wird mit sitebrunch, dem Prüfwerkzeug, das sitebrunch gemeinsam mit Gehirngerecht Digital entwickelt hat: Jeder Prüfschritt ist nachvollziehbar, der Bericht lässt sich teilen.
Die automatische Prüfung ist dabei nur der Anfang. Den größeren Teil mache ich von Hand: Tastatur, Screenreader, Vergrößerung, Kontraste und verständliche Sprache. Bei Bricks-Seiten behebe ich die Befunde direkt, bei anderen Systemen bekommt euer Team einen Maßnahmenplan.
Der Prüfbericht dokumentiert den Stand zum Prüfzeitpunkt. Er ist kein Zertifikat und keine Rechtsberatung.
Audit-Pakete und PreiseBefund 07Priorität hochAufwand gering
Tastaturfokus liegt auf „Leistungen“ – zu sehen ist davon nichts.
Tastaturfokus liegt auf „Leistungen“ – der Rahmen zeigt es.
- Kriterium
- Fokus sichtbar · WCAG 2.4.7, EN 301 549 9.2.4.7
- Fundstelle
- Hauptnavigation, alle Seiten
- Befund
- Wer mit der Tastatur navigiert, sieht nicht, welcher Menüpunkt gerade ausgewählt ist. Die Fokusmarkierung wurde im Theme entfernt.
Behebung in Bricks
Eine globale Klasse stellt den Fokusrahmen für alle Links und Schaltflächen wieder her: 2 px, mindestens 3:1 Kontrast. Eine Änderung, wirksam auf jeder Seite.
Offen
Behoben und nachgeprüft
Womit ich arbeite. Wenige Werkzeuge, die ich täglich benutze – kein Werkzeugkasten, in dem alles gleich gut klingt.
Bricks Builder
Mein Kernwerkzeug seit Jahren. Komponenten, Query Loops, Interaktionen und saubere Struktur, auf der Barrierefreiheit aufbauen kann.
Advanced Custom Fields
Dynamische Inhalte, eigene Post-Typen, Beziehungen. Redaktionell pflegbar statt fest eingebaut.
sitebrunch
Geführte Prüfung nach EN 301 549, teilbare Berichte und tägliches Monitoring. Befunde gehen auf Wunsch als Tickets an Jira, Asana oder Notion.
Schneller, ohne nachlässig zu werden. KI übernimmt Routinearbeit, die Verantwortung bleibt bei mir.
Ich nutze KI für wiederkehrende Arbeit: Grundgerüste von Komponenten, Vorschläge für Alternativtexte und das Abarbeiten von Audit-Befunden. Dadurch werden Laufzeiten kürzer und Festpreise möglich, die in euer Budget passen. Bevor etwas live geht, prüfe ich es von Hand auf einer Testumgebung.
Was mit euren Daten passiert, legen wir vorher fest:
- Standard
- Claude von Anthropic im Team-Tarif, mit Auftragsverarbeitungsvertrag. Eure Inhalte werden nicht zum Training verwendet.
- Auf Wunsch
- Mistral als europäischer Anbieter.
- Ohne KI
- Wünscht euer Kunde keine KI, arbeite ich ohne. Das verlängert die Laufzeit, nicht die Qualität.
Vier Schritte, keine Überraschungen. Euer Kunde bleibt euer Kunde – ich trete nur auf, wenn ihr es wollt.
Briefing und Schätzung
Ihr schickt Design oder URL, ich melde mich innerhalb eines Werktags mit Aufwand und Termin.
Umsetzung oder Prüfung
Auf einer Staging-Umgebung, die ihr jederzeit ansehen könnt. Rückfragen kommen gebündelt statt tröpfchenweise.
Prüfung vor der Abnahme
Barrierefreiheit nach EN 301 549. Das Ergebnis bekommt ihr schriftlich, auch als Argument für euren Kunden.
Übergabe mit Dokumentation
Komponentenübersicht, Pflegehinweise und ein kurzes Video, mit dem euer Team direkt weiterarbeiten kann.
Was tatsächlich gebaut wurde. Ausgangslage, meine Rolle, Lösung – und jeweils die Stelle, an der es unbequem wurde.
Therapie mit Konzept: Relaunch mit pflegbaren Komponenten
Eigenes Design auf Basis von Wireframes, umgesetzt als Bricks-Komponenten. Neue Leistungen und Kurse entstehen im Backend, nicht im Builder.
Kanzlei Sandra Günther: Website mit datensparsamer Anfrage
Eigenes Design auf Basis von Wireframes. Scheidungsanfragen bleiben in FluentCRM auf dem eigenen Server, per E-Mail kommt nur der Hinweis auf eine neue Anfrage.
Die Arbeitsproben im Detail
Väterrechte-Kompass: Verkaufsseite und Checkout für einen Online-Kurs
- Ausgangslage
- Die Rechtsanwältin Sandra Günther verkauft ihren Online-Kurs „Väterrechte-Kompass“ über Tutor LMS. Der mitgelieferte E-Commerce-Checkout war wenig überzeugend, gerade für einen Kurs um 400 €, bei dem Käufer vor dem Bezahlen Sicherheit brauchen.
- Meine Rolle
- Design und Umsetzung der kompletten Website in Bricks, inklusive optischer Überarbeitung des Tutor-LMS-Checkouts.
- Lösung
- Der Checkout ist jetzt zweispaltig. Links steht die Bestellung: Kursbild, alle Leistungen, Preis mit Aktionsrabatt und kurze Hinweise zu Zugang, Zahlung und Kontakt. Rechts bleiben nur Vorname, Nachname und E-Mail, die Zahlungsart über Stripe, die nötigen Zustimmungen und ein eindeutiger Button „Zahlungspflichtig bestellen“.
- Unbequem war
- Der Checkout von Tutor LMS lässt sich nicht mit Bricks bearbeiten. Layout und Gestaltung habe ich deshalb KI-gestützt mit eigenen Code-Snippets angepasst, ohne die Kauflogik des Plugins anzufassen.
Therapie mit Konzept: Relaunch mit pflegbaren Komponenten
- Ausgangslage
- Die Physiotherapiepraxis „Therapie mit Konzept“ in Schwerte brauchte einen Relaunch. Leistungen, Kurse und Stellenangebote sollten klar auffindbar sein, und das Team sollte die Website später selbst erweitern können, ohne dass jede neue Seite gebaut werden muss.
- Meine Rolle
- UX-Konzeption und Wireframes, Webdesign auf dieser Grundlage und Umsetzung in Bricks mit ACF.
- Lösung
- Umsetzung als Bricks-Komponenten mit ACF-Feldern. Neue Leistungen und Kurse entstehen im Backend, nicht im Builder.
- Unbequem war
- Die Balance zwischen Freiheit und Führung. Zu viele Optionen im Backend, und die Gestaltung zerfällt beim ersten Redaktionsdurchgang.
Kanzlei Sandra Günther: Website mit datensparsamer Anfrage
- Ausgangslage
- Die Dortmunder Rechtsanwältin Sandra Günther (Familienrecht, Strafrecht, Gewaltschutz) brauchte eine Website, die Vertrauen schafft und direkt zur Anfrage führt. Scheidungsanfragen enthalten sehr persönliche Angaben, die nicht per E-Mail durchs Netz gehen sollten.
- Meine Rolle
- UX-Konzeption und Wireframes, Webdesign auf dieser Grundlage und Umsetzung in Bricks.
- Lösung
- Scheidungsanfragen werden in FluentCRM gespeichert, direkt in der WordPress-Installation der Kanzlei. Per E-Mail kommt nur der Hinweis, dass eine neue Anfrage eingegangen ist. Die Angaben selbst verlassen den Server nicht.
Gearbeitet für
Eine Auswahl eigener Kunden. Agenturprojekte laufen meist unter White-Label und stehen deshalb nicht hier.
Ich arbeite für Leute, die selbst Websites verkaufen.
Agenturen mit vollen Auftragsbüchern
Mehr Projekte als Umsetzungsstunden. Ihr braucht jemanden, der ohne lange Einarbeitung produziert und Termine hält.
Designer ohne Umsetzung
Ihr gestaltet in Figma und wollt das Ergebnis genau so sehen, wie ihr es entworfen habt. Ich bin selbst Gestalter und lese eure Datei so, wie sie gemeint ist.
Agenturen mit BFSG-Anfragen
Eure Kunden fragen nach Barrierefreiheit, intern fehlt das Wissen oder die Zeit. Ich prüfe, ihr gebt den Bericht weiter, und auf Wunsch behebe ich die Befunde.
Andre Zunk. Mediengestalter mit IHK-Abschluss, davor Projektmanager bei Bang & Olufsen.
Ich komme aus der Gestaltung und baue Websites in Bricks. Aus dem Projektmanagement habe ich mitgenommen, dass Termintreue und klare Kommunikation mehr zählen als der letzte Kniff.
Programmieren ist nicht mein Beruf, und ich verkaufe es auch nicht. Was ich anbiete, kann ich selbst beurteilen: Gestaltung, Bricks, ACF und Barrierefreiheit. Liegt eine Aufgabe außerhalb davon, sage ich das vor dem Angebot und nicht mitten im Projekt.
Für Barrierefreiheit habe ich 2025 die Ausbildung zum Barrierefreiheits-Experten bei Gehirngerecht Digital abgeschlossen: 48 Stunden, mit einer eigenen Einheit zu WordPress und Bricks.
Ich arbeite remote aus Bernau bei Berlin, mit festen Erreichbarkeitszeiten statt Dauerpräsenz.
Erzählt mir von eurem Projekt. Fertiges Design, eine Skizze oder eine URL, die geprüft werden soll – alles davon geht.
15 Minuten kennenlernen
Kurzes Gespräch, ob wir zusammenpassen: euer Projekt, mein Vorgehen, aktuelle Kapazität. Ohne Verpflichtung.
Termin anfragenIhr schlagt ein Zeitfenster vor, ich bestätige per E-Mail innerhalb eines Werktags. Lieber direkt schreiben? Die Adresse steht links daneben.