Ausgangssituation
HRnetworx ist eine etablierte Plattform im deutschen HR-Markt, die regelmäßig Webinare und Veranstaltungen für HR-Professionals organisiert. Die bestehende Webseite lief auf einem veralteten Content-Management-System, das weder den aktuellen technischen Standards entsprach noch die wachsenden Anforderungen des Geschäftsmodells abbilden konnte.
Das Kernproblem war nicht nur technischer Natur: Das Geschäftsmodell von HRnetworx erfordert einen nahtlosen Übergang zwischen Content-Konsum und Nutzer-Interaktion. Besucher kommen, um sich über Webinare zu informieren — und sollen möglichst reibungslos an diesen teilnehmen können. Der alte Stack machte genau diesen Übergang unnötig kompliziert.
Die Herausforderung
Das Business-Modell technisch abbilden
HRnetworx steht vor einem klassischen Plattform-Problem: Es gibt zwei Arten von Nutzern mit unterschiedlichen Bedürfnissen, die trotzdem durch einen einheitlichen Flow geführt werden sollen.
Gast-Nutzer wollen sich schnell zu einem einzelnen Webinar anmelden — ohne Account, ohne Registrierung, mit möglichst wenig Aufwand.
Registrierte Nutzer wollen die Plattform regelmäßig nutzen, sich mit einem Klick für Webinare anmelden und ihre Teilnahme-Historie einsehen.
Die Herausforderung: Beide Gruppen müssen gleich gut bedient werden. Der Gast darf nicht durch einen obligatorischen Registrierungs-Flow abgeschreckt werden. Aber der registrierte Nutzer soll einen echten Vorteil haben, der die Registrierung attraktiv macht.
Dieser Balanceakt — niedrige Hürde für Gäste, echter Mehrwert für registrierte Nutzer — war die größte konzeptionelle und technische Herausforderung des Projekts.
SEO und Auffindbarkeit
Eine Plattform, die von regelmäßigem Content lebt, muss suchmaschinenoptimiert sein. Das alte System hatte hier erhebliche Defizite: langsame Ladezeiten, fehlende Strukturierte Daten, suboptimale URL-Strukturen und eine Architektur, die es Suchmaschinen und KI-Crawlern schwer machte, den Content korrekt zu erfassen.
Die Lösung
Headless-Architektur: Sanity + Nuxt.js + Supabase
Die neue Plattform basiert auf einem Headless-Stack, bei dem jede Komponente genau das tut, was sie am besten kann:
Sanity als Headless CMS liefert die Content-Infrastruktur. Das HRnetworx-Team kann Webinare anlegen, Content erstellen und Landing Pages bauen — alles über ein intuitives Studio, das speziell auf die Anforderungen von HRnetworx konfiguriert wurde. Sanity wurde gewählt, weil es eine Flexibilität in der Content-Modellierung bietet, die bei einem so spezifischen Geschäftsmodell entscheidend ist.
Nuxt.js rendert das Frontend. Server-Side Rendering sorgt für schnelle Ladezeiten und optimale SEO-Performance. Die Seiten werden serverseitig gerendert, was nicht nur Suchmaschinen, sondern auch KI-Crawlern ermöglicht, den Content vollständig zu erfassen — ein zunehmend wichtiger Faktor.
Supabase übernimmt die User-Verwaltung, Authentifizierung und Datenhaltung. Die Entscheidung für Supabase fiel, weil es eine PostgreSQL-basierte Lösung bietet, die ohne Vendor-Lock-in auskommt und gleichzeitig Features wie Row-Level Security und Realtime-Subscriptions mitbringt.
Der Registrierungs-Flow
Das Herzstück der neuen Plattform ist der Registrierungs- und Anmelde-Flow für Webinare. Er funktioniert auf zwei Ebenen:
Für Gäste: Ein Besucher kann sich zu einem Webinar anmelden, indem er Name, E-Mail und Unternehmen angibt. Kein Account nötig, keine Registrierung, kein Passwort. Die Hürde ist so niedrig wie möglich.
Für registrierte Nutzer: Wer sich einmal auf der Plattform registriert hat, kann sich mit einem einzigen Klick für Webinare anmelden. Alle Daten sind bereits hinterlegt — Name, E-Mail, Unternehmen, Position. Keine Formulare mehr ausfüllen, keine Daten wiederholt eingeben.
Der Anreiz zur Registrierung ergibt sich organisch: Wer regelmäßig an Webinaren teilnimmt, spart sich jedes Mal das Ausfüllen der Anmeldeformulare. Das ist kein aufgezwungener Account-Zwang, sondern ein echtes Convenience-Feature.
Technisch wird das über Supabase Auth umgesetzt. Registrierte Nutzer haben einen vollwertigen Account mit Session-Management. Bei der Webinar-Anmeldung werden die hinterlegten Daten automatisch in das Anmeldeformular übernommen — der Nutzer muss nur noch bestätigen.
SEO und KI-Auslesbarkeit
Die neue Seite wurde von Grund auf für Suchmaschinen und KI-Crawler optimiert:
- Server-Side Rendering stellt sicher, dass jede Seite einen vollständig gerenderten HTML-Response liefert
- Strukturierte Daten (JSON-LD) markieren Webinare, Veranstaltungen und Organisationsinformationen maschinenlesbar
- Semantisches HTML mit korrekter Heading-Hierarchie, Landmark-Roles und ARIA-Labels
- Optimierte Meta-Tags mit dynamischen Open-Graph-Daten für jedes Webinar
- Performance-Optimierung mit Lighthouse-Scores im grünen Bereich
Die KI-Auslesbarkeit wird zunehmend wichtiger, weil immer mehr Nutzer über KI-gestützte Suche (wie Perplexity, ChatGPT oder Google AI Overviews) auf Inhalte zugreifen. Eine saubere semantische Struktur stellt sicher, dass der Content auch in diesen Kanälen korrekt repräsentiert wird.
Ergebnis
Nach knapp 12 Monaten Entwicklungszeit als alleiniger Entwickler steht HRnetworx auf einem modernen, skalierbaren Tech-Stack. Die Plattform ist schneller, besser auffindbar und bietet ihren Nutzern ein deutlich verbessertes Erlebnis.
Der intelligente Registrierungs-Flow löst das grundlegende Plattform-Problem: Gäste werden nicht ausgesperrt, registrierte Nutzer haben einen echten Vorteil. Das ist kein technisches Feature — es ist eine direkte Umsetzung der Geschäftsstrategie in Code.
Das Projekt zeigt, wie ein durchdachter Headless-Stack mit Sanity, Nuxt und Supabase auch für mittelständische Plattformen die richtige Wahl sein kann — wenn man die Architektur konsequent am Geschäftsmodell ausrichtet.
