Interne Validierung
Karriere V3 (Experience): Konzept-Abgleich
Diese Seite validiert die immersive Variante /karriere_v3/ gegen die Zusatzanforderungen (mehr Mensch, mehr Experience, Abacus-Jobportal), die vier Referenz-Karriereseiten und die Briefing-Kriterien. Alle Varianten (/karriere/, /karriereneu/, /karriere_v2/) bleiben vergleichbar.
Zusatzanforderungen (Feedback)
| Anforderung | Status | Umsetzung |
|---|---|---|
| Noch mehr „Faktor Mensch" | erfuellt | Titel „Hier arbeiten Menschen.", Vollbild-Menschen-Hero mit Ken-Burns-Zoom, sticky-Media-Kapitel „Wir" (grosses Foto neben scrollendem Text), Stimmen als Vollbild-Foto-Carousel statt Textkarten. Kein reines Icon-Layout fuer emotionale Inhalte. |
| Mehr Experience / Erlebnis | erfuellt | Interaktives Kapitel 01 „Was treibt dich an?" (3 Wahlkarten -> personalisierte Antwort mit Link zu den Stellen), Kapitel-Punkt-Navigation rechts (folgt dem Scroll), Scroll-Progress-Balken, horizontales Wisch-Carousel, dramaturgische 5-Kapitel-Struktur. |
| Offene Stellen mit dem Abacus-Code | erfuellt | Kapitel 05 „Jetzt du" bindet das Abacus-Jobportal (jobs.umantis.com) direkt als iFrame ein (`inc/karriere-jobs-embed.php`, `um_karriere_jobs_section()`) - echte, immer aktuelle Inserate inkl. „Jetzt bewerben". Gleiches Modul auch in /karriereneu/ und /karriere_v2/bewerbung/. |
| Intuitiv wie eine Journey | erfuellt | Klare Kapitel 01-05 mit Umriss-Nummern, sticky Kapitel-Dots als Ankernavigation, „Los geht's"-Scroll-Cue, jede Sektion fuehrt zur naechsten - Abschluss = Stellen (Conversion). |
Konzept-Replikation der Referenzseiten
| Referenz | Kern-Konzept | Status | Umsetzung |
|---|---|---|---|
| Axept (du-und-wir) | „Was treibt dich an?"-Auswahl (Provis/Adapt-Prinzip), radikale Du-Ansprache, hohe Bilddichte, Videos. | repliziert | Interaktive „Was treibt dich an?"-Wahl mit 3 Profilen, durchgaengig Du, jedes Kapitel bildgefuehrt. |
| Helsana (jobs) | Emotionaler Lebens-Claim, Mitarbeitenden-Stimmen, klare Kapitelblöcke. | repliziert | Claim „Hier arbeiten Menschen.", Stimmen-Carousel mit Namen/Rollen, 5 klar getrennte Kapitel. |
| Migros Bank / Cler | Kultur -> Alltag -> Conversion, „Werden Sie Teil". | sinngemaess | Du (Kapitel 01) -> Wir/Kultur (02) -> Stimmen (03) -> Weg (04) -> Stellen (05). |
Briefing-Kriterien
| Kriterium | Status | Umsetzung |
|---|---|---|
| Storytelling vor Stellenliste | erfuellt | Stellen erst in Kapitel 05 (Abschluss). |
| Umantis-Brand (Farben/Fonts/Bildwelt) | erfuellt | Rot/Violett-Verlauf, Ubuntu/Outfit, ausschliesslich vorhandene Mediathek-Bilder. |
| Ohne Mitarbeiter-Videos, 2027 erweiterbar | erfuellt | Stimmen-Carousel-Slides 1:1 durch Video ersetzbar; 4. Slide „Deine Stimme" als Platzhalter markiert. |
| Keine kuenstliche Personalisierung | erfuellt | Zitate mit Initialen statt erfundener Portraits; Bilder aus bestehender Bildwelt. |
| Mobile von Anfang an | erfuellt | Kapitel-Dots blenden mobil aus, Carousel wischbar, Touch-Ziele gross, keine horizontale Scrollung. |
| Content-Regeln | erfuellt | 1000+ Kunden, 40 Jahre Abacus, ss-Schreibweise, keine Emojis (nur SVG). |
| Kein Menueeintrag, Sales getrennt | erfuellt | Ohne Menue, Footer-Produkt-CTA aus, Kontakt nur Recruiting. |
Technik: One-Page-Template `page-karriere-v3.php` mit 5 Kapiteln, IntersectionObserver-Reveals (reduced-motion-Fallback), Kapitel-Dots & Scroll-Progress, delegiertes JS fuer die interaktive Profilwahl und das Carousel. Abacus-Jobportal via wiederverwendbarem `inc/karriere-jobs-embed.php`. Ohne Menueeintrag, Footer-Produkt-CTA deaktiviert. Zur Gesamtsicht: /karriere_ueberblick/.