React-Projekt
ONTAVIO – talentstorm
Neue White-Label-Jobportale mit besserer UX und SEO-Boost
Ein technisches Upgrade mit klarer UX-Strategie und SEO-Vorteilen für das Recruiting: Die modular anpassbare Landingpage bringt ONTAVIO-Kund:innen mehr und bessere Bewerbungen in Zeiten des Fachkräftemangels. Mit dem Relaunch macht ONTAVIO seine Recruiting-Lösung talentstorm barrierefreier sowie fit für die Zukunft und für Suchmaschinen.
Vorher: Jobübersicht
Wir können W11K uneingeschränkt als erfahrenen und kompetenten Entwicklungspartner empfehlen. Neben der Qualität der technischen Umsetzung schätzen wir auch die professionelle Kommunikation des Teams, sowohl in ausführlichen Planungsmeetings als auch im weiteren Projektverlauf.
Dominik Scholz
Geschäftsführer ONTAVIO
Die Lösung
W11K hat für ONTAVIO eine mandantenfähige White-Label-Frontend-Anwendung mit Next.js umgesetzt. Die Landingpage wird passend zur Subdomain im Branding des jeweiligen Endkunden gerendert.
Die Nutzer:innen starten mit einer Übersicht über alle offenen Stellen, inklusive Filteroptionen, Detailansichten, Initiativbewerbung und Unternehmensporträt. Mit einem individuell konfigurierten Formular können sich die Nutzer:innen direkt bewerben. Die Daten werden über eine bestehende GraphQL-API geladen. Formulare werden dynamisch aus einem internen Editor generiert und via TypeScript-Mapping in die Anwendung eingebunden.
Alle Komponenten wurden in enger Abstimmung mit dem ONTAVIO-Team und auf Basis bestehender Figma-Mockups entwickelt. Bestehende Komponenten aus einer Storybook-Bibliothek konnten integriert werden.
Wichtig für ONTAVIO: eine performante, serverseitig gerenderte Anwendung für gute SEO und schnelle Ladezeiten. Die Umsetzung erfolgte agil in vier Meilensteinen mit klaren Zielen und kontinuierlichem Austausch.
Der Mehrwert
Die neue Landingpage verbessert die Sichtbarkeit der Jobportale deutlich – dank Server Side Rendering und moderner Architektur.
Die UX ist klarer und intuitiver, was Bewerber:innen schneller zur passenden Stelle führt.
ONTAVIO kann die Seite mandantenindividuell ausspielen und so für jeden Kunden das passende Branding abbilden.
Performance und Barrierefreiheit wurden deutlich gesteigert.
Die neue Struktur erleichtert zukünftige Erweiterungen.
Herausforderung
Angular-Anwendung mit historisch gewachsener Codebase
Mangelnde SEO-Fähigkeit durch fehlendes SSR
Dynamische Einbindung von Formularen und Branding
Internationalisierung und Mandantenfähigkeit
Facts
Umsetzung mit React & Next.js
Dynamisches Theming per Subdomain
Integration via GraphQL
Agile Umsetzung in 4 Meilensteinen
Technologien
React
Next.js
GraphQL
TypeScript
React Hook Form
Storybook
i18next
