StudySmarter · CareerKit

Ein Design-System für die ganze App

127 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

1

Brand tokens, type ramp and the duotone icon set that every screen is built from.

Icon system · Phosphor duotone
Icon system · Phosphor duotone

1 · Onboarding

11

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

The home tab across returning, first-run, loading and signed-out states.

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

3 · Jobsuche

16

Finding and reading jobs: list, filter, map and the full data-complete posting.

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

Track applications as a board or list, with a status timeline and 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

Upload or build a CV, then the AI check with a scored, categorized verdict.

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

Set up a mock interview, run the full-height live chat, get scored feedback.

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

Everything-hub, learning, the account gate, settings, legal and 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

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

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

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

2KONZEPT

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

27KONZEPT

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