Interne Validierung
Neue Karriere-Landingpage: Briefing-Abgleich
Diese Seite prueft die neue Variante /karriereneu/ gegen saemtliche Kriterien aus dem Briefing „NeueKarriereSeite“ (Stand 08.07.2026). Die bestehende Karriere-Seite (/karriere/) wurde nicht veraendert – beide Versionen lassen sich 1:1 gegenueberstellen.
11/11Design-Kriterien erfuellt
9/9Inhalts-Kriterien erfuellt
8 + 2Sektionen voll + teilweise (begruendet)
0neue Fremd-Assets noetig
Design-Kriterien
| Kriterium | Status | Umsetzung |
|---|---|---|
| Emotionaler, moderner Einstieg statt klassischer Stellenportal-Optik | erfuellt | Vollflaechiger Hero mit Menschen-Bild, grosser Claim "Mach HR besser - mit uns.", Gradient-Akzente. Keine Stellenliste im Einstieg. |
| Orientierung an der Helsana-Karriere-Seite | erfuellt | Gleiches Muster: grosses emotionales Hero-Bild, Story-Kapitel, Menschen zuerst, Stellen als Abschluss-Conversion. |
| Grossflaechige, visuell starke Einstiegsflaeche | erfuellt | Hero min. 92vh mit Foto, Overlay-Verlauf, Key-Facts-Band und zwei CTAs. |
| Storytelling statt sofortiger Auflistung offener Stellen | erfuellt | Journey: Mission - HR-Statement - Warum - Team-Stimmen - Bereiche - Standorte - Benefits - Prozess - FAQ - erst dann Stellen-CTA. Scroll-Progress-Balken als Erzaehl-Anker. |
| Persoenliche und nahbare Wirkung | erfuellt | Durchgaengige Du-Ansprache, persoenliches Statement der HR-Leiterin, Team-Zitate, warme Bildsprache. |
| Klare visuelle Trennung zur allgemeinen Unternehmensseite | erfuellt | Eigenes Layoutsystem (kn-Praefix): Papier-Ton #faf8f6, runde Karten, Kapitel-Dramaturgie hell/dunkel, keine Produkt-Module. Footer-Produkt-CTA auf dieser Seite deaktiviert. |
| Bestehende Umantis-Bildsprache und Brand konsequent einhalten | erfuellt | Nur Umantis-Farbwelt (Rot #de323c, Violett #781e5f, Verlauf, Grautoene) und Theme-Fonts Ubuntu/Outfit. Alle Fotos stammen aus der bestehenden Umantis-Mediathek (eckwe-Serie). |
| Aktuell ohne eigene Mitarbeiter-Videos funktionieren | erfuellt | Seite kommt vollstaendig ohne Video aus; Team-Stimmen als typografische Zitatkarten. |
| Struktur so aufbauen, dass Videos/persoenlichere Inhalte 2027 ergaenzt werden koennen | erfuellt | Team-Stimmen-Sektion als klar abgegrenzter Kartenraster; Hinweiszeile "Ab 2027 ergaenzen wir hier echte Videostimmen". Karten lassen sich 1:1 durch Video-Embeds ersetzen. |
| Mobile Darstellung von Anfang an mitdenken | erfuellt | Mobile-first CSS: alle Grids brechen um (760/860/960px), Touch-Ziele min. 52px, keine horizontale Scrollleiste (overflow-x:clip), clamp()-Typografie. |
| Kein statisches Layout, sondern direkt als funktionierende Seite umsetzen | erfuellt | Live als WordPress-Template unter /karriereneu/ - mit funktionierenden CTAs, Accordion, Scroll-Reveals (inkl. prefers-reduced-motion-Fallback). |
Inhalts-Kriterien
| Kriterium | Status | Umsetzung |
|---|---|---|
| Zuerst Umantis als Arbeitgeber vorstellen | erfuellt | Hero + Mission-Teaser + HR-Statement stehen vor allen Stellen-Verweisen. |
| Eine nachvollziehbare Arbeitgeber-Story erzaehlen | erfuellt | Dramaturgie in 10 Kapiteln: Wer wir sind - wofuer wir stehen - wie es sich anfuehlt - wo du reinpasst - wie du zu uns kommst. |
| Kultur, Arbeitsumfeld und Arbeitgeberversprechen vor den Stellenangeboten platzieren | erfuellt | "Warum du Umantis lieben wirst", Team-Stimmen, Standorte und Benefits liegen alle vor dem Stellen-CTA. |
| Offene Stellen erst spaeter in der Journey zeigen | erfuellt | Stellen erscheinen ausschliesslich als Abschluss-Sektion (Anker #offene-stellen) am Seitenende. |
| Karrierethemen nicht mit allgemeinen Unternehmensinhalten vermischen | erfuellt | Keine Produkt-, Suite- oder Sales-Inhalte auf der Seite; Footer-Produkt-CTA fuer diese Seite abgeschaltet. Kontakt nur Recruiting (hr@ / hr-gmbh@). |
| Inhalte aktuell auf die vorhandenen Assets beschraenken | erfuellt | Saemtliche Bilder aus der bestehenden Mediathek (eckwe-Bildserie, Weiterentwicklung.jpg). Keine neuen Stock- oder KI-Bilder eingekauft/generiert. |
| Keine kuenstliche Personalisierung ohne authentisches Bild-/Videomaterial | erfuellt | Kein Portraitfoto vorhanden - HR-Statement mit typografischem Monogramm statt Foto; Team-Stimmen ohne Fotos, mit Initialen. Zitate als Vorlagen aus dem Briefing uebernommen (zum Ersatz durch echte Stimmen markiert). |
| Perspektivisch Inhalte fuer die AG und persoenliche Mitarbeitergeschichten ergaenzen | erfuellt | Struktur sieht dedizierte Slots vor (Team-Stimmen-Raster, Statement-Box); Hinweis 2027 direkt auf der Seite. |
| Stellenportal als Abschluss bzw. Conversion-Ziel verstehen, nicht als alleinigen Inhalt | erfuellt | Finale Gradient-CTA-Sektion fuehrt zu den offenen Stellen und zur Initiativbewerbung; die Seite selbst listet keine Stellen. |
Sektionen 1–10 (Textpaket aus dem Briefing)
| Sektion | Briefing-Vorgabe | Status | Anmerkung |
|---|---|---|---|
| 1. Hero | Eyebrow "Karriere bei Abacus Umantis", Claim "Mach HR besser - mit uns.", Subline, Key Facts, 2 CTAs, Teaser-Text | erfuellt | Alle Elemente umgesetzt. Key Facts als Stat-Band im Hero. |
| 2. Persoenliches Statement HR | Hervorgehobene Box im oberen Drittel, mit Portrait | teilweise | Box mit vollem Statement-Text, Signatur und optionalem Grau-Zusatz umgesetzt. Portrait fehlt bewusst: kein authentisches Foto von Carole in der Mediathek - Platz ist vorbereitet (Monogramm-Kreis austauschbar). |
| 3. Warum du Umantis lieben wirst | 4 Kacheln mit Icon | erfuellt | 4 Kacheln (Wirkung, Flexibilitaet & Sicherheit, Lernen, Augenhoehe) mit konsistenten SVG-Icons, Texte 1:1 aus Briefing V2. |
| 4. Team-Stimmen | 3 Zitate (Platzhalter, spaeter echte Stimmen) | erfuellt | Lena / Samir / Nina als typografische Zitatkarten auf dunkler Sektion; Platzhalter-Charakter transparent gemacht. |
| 5. Wo du einsteigen kannst | 4 Bereichskacheln + Mini-CTA | erfuellt | Consulting/CS, Produkt & Entwicklung, Sales & Marketing, HR/Operations - plus Mailto-CTA "wir finden es gemeinsam heraus". |
| 6. Standorte | St. Gallen HQ, Deutschland, Remote DACH + Remote-CTA | teilweise | 3 Standort-Karten umgesetzt. Der Remote-Jobs-Filterlink entfaellt vorerst: Das neue Jobportal ist noch nicht live, ein gefilterter Link existiert noch nicht. Wird bei Jobportal-Go-Live ergaenzt. |
| 7. Benefits | 7 Icon-Kacheln | erfuellt | Alle 7 Benefits aus Briefing V2 als Icon-Kacheln (Flexibel, Unbefristet & fair, Weiterbildung, Gesundheit, Sabbatical, Gemeinschaft, Familie). |
| 8. Bewerbungsprozess | 5 Steps + Aktualitaets-Hinweis | erfuellt | Vertikale nummerierte Timeline mit 5 Schritten und Hinweis-Box "Alle ausgeschriebenen Stellen sind aktuell". |
| 9. FAQ | 6 Fragen/Antworten | erfuellt | Alle 6 FAQs als barrierearmes Accordion (native details/summary). |
| 10. Abschluss & Kontakt | Nur Recruiting: CTAs + hr@ / hr-gmbh@ | erfuellt | Gradient-Panel mit beiden CTAs und beiden HR-Mailadressen (CH/DE). Kein Produkt-/Sales-Funnel. |
Bewusste Abweichungen & Anpassungen
| Punkt | Begruendung |
|---|---|
| ss statt Eszett | Briefing-Texte enthielten teils "heisst/weisst" mit Eszett - fuer die Schweizer Website durchgaengig in ss-Schreibweise uebernommen. |
| "1.247 Unternehmen" aus dem Briefing | Gegen die verbindliche Content-Regel der Site ("1000+" fuer Kundenzahlen) ersetzt durch "ueber 1000 Unternehmen" bzw. Key Fact "1000+". |
| "40+ Jahre HR-Tech" aus dem Briefing | An die geltende Sprachregel angepasst: "40 Jahre Abacus Expertise" (40 Jahre = Abacus-Gruppe, 25+ Jahre = Umantis). |
| "Seit ueber 20 Jahren" | Auf "seit ueber 25 Jahren" angehoben (geltende Umantis-Sprachregel). |
| CTA "Zu den offenen Stellen" | Verweist aktuell auf die bestehende Karriere-Seite (/karriere/) als einzige Live-Quelle offener Stellen. Wird beim Go-Live des neuen Jobportals umgehaengt. |
| Kein Menueeintrag | Beide Seiten (Landingpage + diese Validierung) sind bewusst nicht im Menue verlinkt; Zugriff nur per Direktlink. |
Technik: Eigenstaendiges Theme-Template (page-karriereneu.php), gescoptes CSS (kn-Praefix), Scroll-Reveals via IntersectionObserver mit prefers-reduced-motion-Fallback, natives FAQ-Accordion, Lazy-Loading fuer Bilder unterhalb des Folds, Touch-Ziele ab 52px, responsive ab 375px. Footer-Produkt-CTA fuer beide Seiten deaktiviert. Beide Seiten ohne Menueeintrag.