ROTA Consulting
Corporate Website mit Karriereportal für eine IT & KI Beratung

Überblick
ROTA Consulting begleitet Finanzinstitute und den öffentlichen Sektor bei Digitalisierung und KI. Die Website sollte das einlösen: professionell, präzise, unverwechselbar. Das fängt beim Design an. Ich habe keine Vorlage genommen, kein KI-Tool einen Entwurf auswerfen lassen. Stattdessen: ein eigenes Design System, das mit der Marke beginnt und konsequent durchgezogen wird. Die Farbpalette ist auf zwei Töne reduziert: Fast-Schwarz und ein tiefes Navy-Blau. Weißer Hintergrund, warmes Off-White als Fläche. Das Navy übernimmt die Headlines, nicht als Verzierung, sondern als Haltung. Kein bunter Accent, kein dekoratives Rot oder Orange. Wer wenig Farbe wählt, muss mehr über Gewicht und Raum nachdenken, und das haben wir getan. Zwei Schriften, klare Rollenverteilung. Eine selbstbewusste, eng gesetzte Grotesque für Headlines. Eine sachliche, menschlich zugängliche Schrift für alles andere. Headlines leicht negativ gesetzt, Labels mit großzügigem Spacing, das gibt kleinen Texten Gewicht, ohne laut zu werden. Alle Elemente ohne Rundung: Buttons, Cards, Inputs mit klaren Kanten. Abgerundete Ecken wirken konsumentig. Klare Kanten wirken präzise, technisch, professionell, und das ist für ein B2B-Beratungsunternehmen die richtige Aussage. Das Ergebnis sieht nicht aus wie tausend andere Beratungswebsites. Es sieht aus wie ROTA. Der Hero-Bereich macht das spürbar: ein Videohintergrund, der sich beim Scrollen verlangsamt, und eine Headline, die beim Laden Zeile für Zeile ins Bild gleitet. Kein Effekt um des Effekts willen, sondern ein erster Eindruck, der zur Haltung der Marke passt. Dahinter steckt ein vollständiges Karriereportal: Stellen anlegen, Bewerbungen mit Lebenslauf-Upload entgegennehmen, automatische Bestätigungsmails verschicken, alles intern, ohne LinkedIn, ohne monatliche Plattformkosten. Ein Push auf den Hauptbranch genügt. Fünf Minuten später ist die Änderung live.
Herausforderung
Eine eigenständige Corporate Website mit vollständig integriertem Karriereportal bauen, ohne externe Recruiting-Plattformen, mit selbst gehostetem Backend und automatisierter Deployment-Pipeline.
Lösung
Astro.js mit Vue 3 Komponenten, CSS-Token-Design-System auf Tailwind v4-Basis, PocketBase als selbst gehostetes Backend für Jobs und Bewerbungen, Vue 3 Admin-Dashboard, GitHub Actions + ArgoCD + Kubernetes für vollautomatisches Deployment.
Key Features
Eigenständiges Design
Kein Template, kein KI-Einheitsbrei. Monochromes Farbsystem, Radius-0-Elemente, zwei Schriften mit klarer Rollenverteilung, jede Entscheidung begründbar. Das Design signalisiert Kompetenz und Klarheit, bevor der erste Satz gelesen wird.
Animierter Hero
Videohintergrund, der beim Scrollen langsamer wird. Headline, die Zeile für Zeile einblendet. Kein Effekt um des Effekts willen, sondern ein erster Eindruck, der zur Marke passt.
Karriereportal
Stellenausschreibungen, Online-Bewerbungen mit Lebenslauf-Upload, automatische Bestätigungsmails. Vollständig selbst gehostet, kein LinkedIn, keine Plattformkosten.
Internes Admin-Dashboard
Stellen anlegen, Bewerbungen einsehen, Status verwalten, direkt im Browser, ohne externe Tools.
Automatisches Deployment
Ein Push auf den Hauptbranch genügt. Fünf Minuten später ist die Änderung live. Kein manuelles Hochladen, kein FTP.
Project Gallery



