StudySmarter Talents
Design v3 · Interne Vorschau
pSEO Redesign · 21. Juli 2026

Ein Designsystem, neun Seitentypen

Clean-Sheet-Entwürfe auf einer gemeinsamen Komponenten-Basis (kit.css) — Kapitelrahmen, Statboxen, Diagramme, Tabellen und das dunkle Exklusiv-Panel teilen sich alle Seiten. Alle Zahlen stammen aus der Live-Pipeline; die Markenfarben Smarter Blue, Neon Lime und Hot-Rod geben den Ton.

9 / 9Seitentypen als Blueprint fertig
1gemeinsames kit.css
~512Seiten Zielumfang live
01

Gehaltsreport

277 Seiten

Die reichweitenstärkste Familie: national plus Stadt. Acht Kapitel von der Einordnung über den Tarif bis zum Rechner — mit interaktiver Gehaltskarte, TVöD-Tabelle und dem exklusiven Personalschlüssel-Panel.

Kapitel: Wo du stehst · Tarif · Was das Gehalt verschiebt · Region & Karte · Personalschlüssel · Karriere · Markt · Rechner & FAQ.

02

Berufsbild

214 Seiten

Die „Soll ich das machen?"-Seite. Lebendiger Hero mit einer Karussell-Leiste echter Arbeitgeber, danach acht Kapitel: Arbeitsalltag, Wege hinein, Skills, ein ehrliches Pro/Contra und das Personalschlüssel-Panel.

Kapitel: Was du machst · Wie du reinkommst · Voraussetzungen · Gehalt (Kurzfassung) · Passt das zu dir? · Wohin es führt · Stellen · FAQ.

03

Ranking & Hub

9 Seiten

Die Liste ist die Seite: 15 nummerierte Ränge, jeder mit eigenem Balken und Direktlinks — Diagramm und Index in einem. Dazu ein Podium für die Top 3 im dunklen Marken-Look mit Lime.

Kapitel: Das Ranking · Top 3 im Detail · Was das Gehalt treibt · Wo der Einstieg leicht fällt · Weitere Ranglisten · FAQ.

04

Ausbildung × Stadt & Gehalt × Stadt

neu

Zwei stadt-spezifische Typen, jetzt im v4-Design: die Ausbildung Pflegefachkraft in Berlin (Ausbildungsplätze zuerst, Vergütung, Wege) und der Gehaltsreport Berlin (Stadt vs. Bund, Lebenshaltung, Nachbarstädte). Beide mit starker interner Verlinkung.

·

Cluster 2: Job-Listing-Seiten (transaktional)

neu

Der kommerzielle Kern — „[X] Jobs in [Stadt]". Ein Facetten-System aus Beruf, Berufsfeld und Anstellungsart, alle mit demselben Jobs-zuerst-Layout und dichtem internen Linknetz.

·

Was sich alle Seiten teilen

KomponenteRolle
Kapitelrahmen & Inhalt-Navigationgleiche Struktur, gleiche Ränder auf jeder Seite
Statboxen (blau / coral / lime)Kernzahlen im Hero und in Kapiteln
Balken-, Säulen- & Rang-Diagrammereines CSS, keine Chart-Library
Datentabellen & dunkles Exklusiv-PanelTarif, Ranking, InEK-Daten
Job-Zeilen, Job-Alert, FAQ, Footeridentisch über alle Typen
Marken: Smarter Blue #1300FF · Neon Lime #C6FA02 · Hot-Rod #FF5C41 · Plus Jakarta Sans / Inter Tight.