Pulse
Analytics-Dashboard-Demonstration — datendichte UI mit klarer Hierarchie, Dark Mode und responsiven Layouts bis aufs Smartphone.
- Jahr
- 2026
- Leistungen
UI-Design
Designsystem
Frontend-Entwicklung
- Technologien
- ReactTypeScriptTailwind CSSRecharts
Pulse ist eine Portfolio-Demonstration für Produkt-UI-Arbeit: ein realistisches Analytics-Dashboard mit Charts, Tabellen, Filtern und Empty States — die unglamourösen Details, die entscheiden, ob sich ein Produkt professionell anfühlt.
Die Herausforderung
Dashboards stehen und fallen mit Hierarchie: Jeder Screen kämpft mit Zahlen, Charts und Controls um Aufmerksamkeit. Die Demo sollte Zurückhaltung zeigen — dichte Daten scanbar machen statt sie zu dekorieren.
Die Lösung
Ein 8-Punkt-Spacing-System, eine strikte zweistufige Typo-Skala und eine einzige Akzentfarbe, reserviert für interaktive Elemente. Charts nutzen gedämpfte sequenzielle Paletten; Statuswechsel werden mit Motion unter 200 ms kommuniziert.
Das Ergebnis
Eine Komponentenbibliothek mit über 30 produktionsreifen UI-Bausteinen — Cards, Charts, Tabellen, Filter, Empty- und Loading-States — als Beispiel dafür, wie ich echte Produkt-Frontend-Arbeit angehe.
Du planst etwas Ähnliches?
Jedes Projekt beginnt mit einem kurzen Gespräch – unverbindlich und ohne Verkaufsdruck.