StudySmarter · CareerKit

Ein Design-System für die ganze App

134 Screens über 13 Bereiche, alle aus einem eingefrorenen Baukasten: mobile-first, klare Hierarchie, eine Primäraktion pro View, echte Karten, Duotone-Icons. Die App-Bereiche mit allen Zuständen; Desktop und Mein Geld als markierte Konzepte.

Smarter Blue #1300FF Neon Lime #C6FA02 Type Geist Icons Phosphor duotone Maps Leaflet · Esri
Hierarchie · eine dominante H1, eine Primäraktion Lime nur für das eine Fokus-Signal Mobile-native · Aktion im Daumenbereich, keine toten Flächen Tags in eigener Zeile, gekapselt

Foundations

4 Screens

Brand-Tokens, Type-Ramp, das Duotone-Icon-Set und die Motion- und Feedback-Schicht, aus der jeder Screen gebaut ist. Motion live erleben →

Icon system · Phosphor duotone
Icon system · Phosphor duotone
Motion-Foundation · Kurve, Skala, Regeln
Motion-Foundation · Specimen
Feedback und Haptik · Quittung, Vokabular, Erfolg, Fehler
Feedback & Haptik · Specimen
Fünf Muster im Kontext · Kontinuität, Skeleton, Zahlen, Ring, Controls
Muster im Kontext · Specimen

1 · Onboarding

11 Screens

Amendiert 09-11: Onboarding = Router (Welcome + Startpunkt). Das Intake (Rolle/Ort/Art bis Erste Treffer) läuft beim Jobs-Erstlauf und bleibt dort der Ziel-Zustand.

Welcome · Router (neu)
Welcome · Router (neu)
Startpunkt wählen (neu)
Startpunkt wählen (neu)
Welcome · alt (ersetzt)
Welcome · alt (ersetzt)
Rolle · Eingabe
Rolle · Eingabe
Rolle · Fehler
Rolle · Fehler
Ort · Karte + Umkreis
Ort · Karte + Umkreis
Anstellungsart
Anstellungsart
Matching · Skeleton
Matching · Skeleton
Erste Treffer
Erste Treffer
Ort · Fehler
Ort · Fehler
Anstellungsart · Fehler
Anstellungsart · Fehler

2 · Start / Dashboard

5 Screens

Der Home-Tab in allen Zuständen: wiederkehrend, Erstbesuch, Laden, abgemeldet.

Zurückkehrend
Zurückkehrend
Erster Besuch
Erster Besuch
Laden · Skeleton
Laden · Skeleton
Abgemeldet · Soft-Gate
Abgemeldet · Soft-Gate
Fehler
Fehler

3 · Jobsuche

16 Screens

Jobs finden und lesen: Liste, Filter, Karte und die vollständige Stellenanzeige.

Liste
Liste
Liste · leer
Liste · leer
Liste · Skeleton
Liste · Skeleton
Filter-Sheet
Filter-Sheet
Karte
Karte
Job-Detail
Job-Detail
Stellenanzeige · komplett
Stellenanzeige · komplett
Beschreibung + Benefits
Beschreibung + Benefits
Bewerbung gesendet
Bewerbung gesendet
Liste · Fehler
Liste · Fehler
Detail · beworben
Detail · beworben
Detail · abgelaufen
Detail · abgelaufen
Bewerbung · Fehler
Bewerbung · Fehler
Karte · leer
Karte · leer
Karte · Cluster
Karte · Cluster
Filter · 0 Treffer
Filter · 0 Treffer

4 · Bewerbungs-Tracker

11 Screens

Bewerbungen als Board oder Liste verfolgen, mit Status-Verlauf und Analytics.

Board · leer
Board · leer
Board · Kanban
Board · Kanban
Board · Skeleton
Board · Skeleton
Liste nach Status
Liste nach Status
Detail · Verlauf
Detail · Verlauf
Bewerbung eintragen
Bewerbung eintragen
Analytics · Trichter
Analytics · Trichter
Board · Fehler
Board · Fehler
Liste · leer
Liste · leer
Eintragen · Fehler
Eintragen · Fehler
Analytics · leer
Analytics · leer

5 · CV-Check

9 Screens

CV hochladen oder erstellen, dann der KI-Check mit Score und kategorisiertem Urteil.

Keine CVs
Keine CVs
CV-Liste
CV-Liste
Upload · Drop-Zone
Upload · Drop-Zone
Upload · Fortschritt
Upload · Fortschritt
Analyse · Skeleton
Analyse · Skeleton
Ergebnis · Score
Ergebnis · Score
Editor
Editor
Upload · Fehler
Upload · Fehler
Ergebnis · niedrig
Ergebnis · niedrig

6 · Interview-Training

11 Screens

Mock-Interview aufsetzen, Live-Chat in voller Höhe führen, bewertetes Feedback erhalten.

Setup · Rolle
Setup · Rolle
Setup · Schwierigkeit
Setup · Schwierigkeit
Setup · Typ
Setup · Typ
Setup · Umfang
Setup · Umfang
Vorbereitung · Skeleton
Vorbereitung · Skeleton
Live-Chat (Vollbild)
Live-Chat (Vollbild)
Antwort-Feedback
Antwort-Feedback
Ergebnis
Ergebnis
Chat · Frage 1
Chat · Frage 1
Chat · Verbindung
Chat · Verbindung
Setup · Fehler
Setup · Fehler

7 · System & Sekundär

7 Screens

Alle Funktionen, Lernen, Konto-Gate, Einstellungen, Rechtliches und Offline.

Alle Funktionen
Alle Funktionen
Lernen
Lernen
Konto-Gate
Konto-Gate
Einstellungen
Einstellungen
Sprache & Recht
Sprache & Recht
Offline / Fehler
Offline / Fehler
Lernen · leer
Lernen · leer

8 · Werkzeuge · Bewerbung & Vorbereitung

8 Screens

Die Tool-Ebene der Bewerbungs-Journey, jede Oberfläche auf der echten Komponente gegroundet.

Bewerbungspaket · Schritt 1
Bewerbungspaket · Schritt 1
Arbeitszeugnis entschlüsseln
Arbeitszeugnis entschlüsseln
Karriere-Analyse · Hub
Karriere-Analyse · Hub
Job-Fit
Job-Fit
LinkedIn-Profil
LinkedIn-Profil
Interview-Fragen
Interview-Fragen
Karriere-Quiz
Karriere-Quiz
Gehaltsverhandlung · Coach
Gehaltsverhandlung · Coach

9 · Werkzeuge · Jobs & Markt

9 Screens

Markt- und Entscheidungs-Tools; Zahlen-Screens nach dem Chart-System.

Dein Marktwert
Dein Marktwert
Job-Offer-Decoder
Job-Offer-Decoder
Marktdaten
Marktdaten
Career-Bridge · Quereinstieg
Career-Bridge · Quereinstieg
Unternehmens-Dossier
Unternehmens-Dossier
Kultur-Profil
Kultur-Profil
Ausbildung · Matches
Ausbildung · Matches
Visa-Pfad
Visa-Pfad
Karriere-Events
Karriere-Events

10 · Konto & System

10 Screens

Auth, Profil, Premium-Modell (echte Preise aus dem Code), Referrals und Job-Alerts.

Login
Login
Registrieren
Registrieren
Passwort zurücksetzen
Passwort zurücksetzen
Profil
Profil
Credits & Plan
Credits & Plan
Freunde einladen
Freunde einladen
Job-Alerts
Job-Alerts
Weiterbildung · Förder-Check
Weiterbildung · Förder-Check
Zertifizierung
Zertifizierung
Build-Your-Income
Build-Your-Income

Desktop

2 ScreensKONZEPT

Für die breiten Flächen, wo Fläche den Workflow ändert: Master-Detail und die ganze Pipeline auf einen Blick. Nicht 'größer', sondern anders komponiert.

Jobs · Master-Detail
Jobs · Master-Detail
Tracker · ganze Pipeline
Tracker · ganze Pipeline

Mein Geld

27 ScreensKONZEPT

Die geplante Finanz-Plattform: Karriere-Geld-Achse, Lernsystem, Vertrauens-Schicht (ehrliche Ergebnisse, markierte Annahmen, Szenarien statt Prognosen).

Chart-System · Specimen
Chart-System · Specimen
Home
Home
Dein Job → Netto
Dein Job → Netto
Angebote vergleichen
Angebote vergleichen
Erste Abrechnung
Erste Abrechnung
Learn-Loop
Learn-Loop
Studium & Nebenjob
Studium & Nebenjob
Einkommen weggefallen
Einkommen weggefallen
Versicherungs-Check · Ergebnis
Versicherungs-Check · Ergebnis
Sparszenario
Sparszenario
Versicherungen · Hub
Versicherungen · Hub
Check · Intake
Check · Intake
BU-Check
BU-Check
Rentenlücke
Rentenlücke
PKV / GKV
PKV / GKV
Geld-Zwilling · Zwei Pfade
Geld-Zwilling · Zwei Pfade
Schutz-Zwilling
Schutz-Zwilling
Vermögen
Vermögen
Kaufen oder Mieten
Kaufen oder Mieten
Wohnen · Kaution
Wohnen · Kaution
Finanzwissen
Finanzwissen
Versicherungs-Guide
Versicherungs-Guide
Pari · Hub
Pari · Hub
Pari · BU
Pari · BU
Pari · Leben & Rente
Pari · Leben & Rente
Pari · Haftpflicht & Hausrat
Pari · Haftpflicht & Hausrat
Pari · Wohnen & Alltag
Pari · Wohnen & Alltag

Moonshots

4 ScreensKONZEPT

Vier Design-Moonshots nach Review am 12.09.: die eine Feier als Einladungs-Ticket, die Suche, die sich baut, die Nacht-Identität und die stillen Momente. Im Moonshot-Lab anfassen →

Einladung als Ticket-Moment
Einladung · Ticket-Moment
Intake mit lebender Markt-Karte
Intake · dein Markt entsteht
Jobs-Liste in der Nacht-Identität
Jobs · Nacht-Identität
Tracker leer mit Illustrations-Handschrift
Tracker · stiller Moment