Als die Website aufhörte, eine Broschüre zu sein

Der Baukasten war nicht schlecht. Er hat jahrelang genau das getan, wofür man ihn nimmt: eine Adresse, ein paar Seiten, ein Kontaktformular. Das Problem war nicht die Qualität, sondern die Wunschliste, die daneben wuchs.

1 Die Herausforderung

Am Ende standen fünf Wünsche auf der Liste, und keiner davon war im Baukasten vorgesehen:

• Kostenlose Videokurse, die uns gehören, mit Kapitelsprüngen und ohne fremdes Logo im Bild
• Eine E-Mail-Erfassung vor den Inhalten, mit Bestätigungsklick und nachweisbarer Einwilligung
• Ein Quiz, das nicht nur die fertigen Antworten speichert, sondern auch zeigt, wer mittendrin aufhört
• Eine Terminbuchung, die in unseren echten Kalender schreibt, mit Videolink und echter Einladung
• Eine Stelle, an der Zuschauer aus dem YouTube-Kanal ihre Frage stellen können, gesprochen statt getippt

Zwei davon waren nicht einmal eine Frage des Baukastens. Die Videos lagen bei einem Dienst, der keine Kapitelsprünge kann. Das ist nachrecherchiert und nicht vermutet: Es gibt dort keine Schnittstelle, mit der man von Minute 3 auf Minute 18 springen könnte. Wer das will, spult von Hand.

Die eigentliche Frage war deshalb nie, ob eine eigene Seite schöner wird. Die Frage war, ob wir bereit sind, den Betrieb zu übernehmen: Server, Zustellung von E-Mails, Datenbank, Ausfälle. Denn genau das kauft man beim Baukasten mit ein, und genau das gibt man beim Umzug ab.

2 Die Lösung, Schritt für Schritt

Zehn Schritte. Sie sind nicht in dieser Reihenfolge entstanden, sondern nebeneinander, und jeder ging live, sobald er lief. Einen großen Umschalttag gab es nicht.

1. Neu bauen statt umziehen. Es gab keinen Import und kein Migrationswerkzeug. Übernommen wurden nur Texte, die weiter gelten: Impressum, AGB, die Referenzseite und die Stimmen der Teilnehmer. Alles andere ist neu geschrieben.
2. Mehrere Türen statt einer Startseite. Heute sind es 28 Seiten und 12 Schnittstellen, im Quellcode gezählt. Jede Tür weiß, woher der Besucher kam.
3. Die Inhalte liegen hinter einer E-Mail-Wall. Adresse eintragen, Bestätigungsmail, und erst der Klick darin schaltet frei. Wer aus unserer Community kommt, bekommt denselben Zugang, wird aber nicht noch einmal als neuer Interessent gezählt. Das ist kein Detail: Eine bestehende Community würde die Auswertung sonst jeden Monat verfälschen.
4. Die Videos liegen bei einem Videodienst, eingerichtet über dessen Schnittstelle statt im Browser geklickt. Speicherort Frankfurt ohne Replikation, Auslieferung nur in der EU, Encoding auf 1080p gedeckelt. Der Grund für das Skript statt der Maus ist banal und wichtig: Eine geklickte Einstellung kann niemand nachlesen, ein Skript schon.
5. Der Player ist unserer. Kapitelsprünge mit mitlaufender Markierung, Tempo von 0,75 bis 2fach, Qualitätsstufen aus der echten Auswahl statt aus einer Wunschliste, Tastatursteuerung, kein fremdes Logo, keine Cookies von Dritten.
6. Drei Kursformen, ein einziger Renderer. Die Lektionsseite entscheidet nicht anhand eines Kurstyps, was sie anzeigt, sondern anhand der Felder, die da sind. Ein vierter Kurs mit einer neuen Mischung braucht deshalb keinen Code, sondern eine Datei.
7. Das Quiz zählt auch die, die aufhören. Ab dem ersten Klick schreibt es eine Zeile, nicht erst am Ende. Vorher wurde nur die erfolgreiche Buchung gespeichert, Abbrecher waren unsichtbar. Damit war die interessanteste Gruppe die einzige, über die wir nichts wussten.
8. Die Buchung schreibt selbst in den Kalender. Der fremde Buchungsdienst wurde gestrichen. Seither liest die Seite die freien Zeiten direkt aus dem Kalender, legt den Termin samt Videolink an und lädt den Gast wirklich ein.
9. Nach der Buchung entstehen Kontakt und Verkaufschance im CRM, dazu zwei Erinnerungen vor dem Termin. Was danach passiert, steht in der Fallstudie zur Terminbuchung.
10. Alles landet in einer Datenhaltung, darüber liegen sieben Auswertungsansichten. Der Schutz ist so gebaut, dass er im Zweifel zumacht: Fehlt ein Zugangswert, antwortet alles mit einer Abweisung.

3 Was es gekostet hat, und was es gekostet hätte

Der ehrliche Teil zuerst: Nur die rechte Spalte ist erlebt. Die linke ist gerechnet und bewusst knapp gehalten, also für jemanden, der so etwas schon einmal gebaut hat und die Bausteine kennt. Eine großzügige Schätzung würde den Vergleich schmeicheln, und genau das soll er nicht.

4 Was es im Alltag ändert

Bei diesem Projekt trägt eine Minutenrechnung nur für wiederkehrende Vorgänge. Der Rest ist keine Zeitersparnis, sondern der Unterschied zwischen „ging nicht“ und „geht“. Wir zeigen beides, und wir mischen es nicht.

Der zweite wiederkehrende Vorgang ist noch deutlicher. Eine Aussage auf allen Seiten ändern hieß im Baukasten: jede Seite einzeln öffnen, rund 30 bis 45 Minuten, und die maschinenlesbaren Angaben im Seitenkopf gar nicht erreichbar. Heute sind es 10 bis 15 Minuten. Genau so sind im August alle Preiszahlen von der Seite verschwunden, samt einer, die kein Mensch je gesehen hätte: Der maschinenlesbare Firmeneintrag lieferte eine Preisangabe auf jeder einzelnen Seite mit aus.

5 Was wir dabei gelernt haben

• Der teuerste Fehler war der, den niemand gesehen hat. Die Navigation hatte keine einzige Regel für kleine Bildschirme. Logo plus sechs Menüpunkte ergeben rund 850 Pixel feste Breite, das Fenster eines Telefons hat 320. Jede Seite scrollte seitlich, eine Woche lang. Das Bittere: Der Befund stand schon fünf Tage vorher in einem Prüfbericht, wortwörtlich mit gemessener Breite, und wurde nicht repariert, weil er „seitenübergreifend“ war. Die Lehre ist keine über Bildschirmbreiten: Ein Befund, der nicht zur gerade offenen Baustelle gehört, wird nicht später repariert, sondern gar nicht.
• Der Prüfstand ging genau den einen Weg nicht, der kaputt war. Eine Einstellung wurde im Browser nie wirksam, weil das Bündelungswerkzeug nur wörtliche Vorkommen ersetzt. Die Videoauslieferung galt dort immer als abgeschaltet. Aufgefallen ist es lange nicht, weil der Prüfstand für Videos eine Abkürzung nimmt und die Konfiguration gar nicht anfasst.
• Was im Repository steht, ist nicht das, was live läuft. Beim Livegang stand zehn Minuten nach der Veröffentlichung noch die alte Seite, weil die Auslieferung nicht von selbst startet. Datenbank-Änderungen wurden dreimal nicht eingespielt, mit echtem Schaden. Und das Schutznetz für genau diesen Fall, ein Mechanismus, der unbekannte Felder wegwirft statt abzustürzen, warf dabei ausgerechnet den Einwilligungsnachweis weg. Ein Schutz, der genau das zerstört, was er schützen soll.
• Zustellung ist keine Funktion, sondern eine Voraussetzung, und niemand meldet ihr Fehlen. Unsere Maildomain war beim Versanddienst nie authentifiziert. Aufgefallen ist es durch einen Anrufer, der keine Bestätigungsmail bekommen hatte. Große Anbieter nahmen es hin, einer lehnte hart ab, bei den übrigen landete es im Spam.
• Der eigene Durchklick ersetzt keine Abnahme. Einen Tag nach dem Livegang fand der Geschäftsführer 36 Seiten mit totem Hauptknopf. Der teuerste war nicht der auffälligste: Die Ankündigungsleiste ist vollflächig anklickbar, steht auf 36 Seiten und führte ins Leere.

6 Was davon bei euch gilt

• Zieht nicht wegen des Aussehens um. Der einzige tragfähige Grund für ein eigenes System ist eine Liste von Sätzen, die bei euch mit „das geht hier nicht“ anfangen. Schreibt die Liste auf, bevor ihr entscheidet. Ist sie kurz, bleibt beim Baukasten, dann arbeitet er für euch. Steht auf ihr, was euer Geschäft ausmacht, dann arbeitet ihr gegen ihn.
• Wer selbst baut, übernimmt den Betrieb. Das ist der Teil, den niemand mitverkauft: Auslieferung, Datenbank, E-Mail-Zustellung, Zertifikate. Rechnet damit, dass diese Arbeit einen Teil dessen auffrisst, was ihr anderswo gewinnt.
• Prüft am Ergebnis, nicht an der Quelle. Der Beweis liegt da, wo der Kunde hinschaut, und nicht da, wo ihr gearbeitet habt.
• Schreibt mit, während ihr baut. Zu dieser Seite gehören 17 Wissensseiten, ein Arbeitsprotokoll und eine Zustandsdatei. Genau daraus besteht diese Fallstudie. Wer nicht mitschreibt, kann hinterher nicht belegen, was er gebaut hat, und muss es bewerben statt zeigen.