Marcus Kellner
Senior UI/UX Designer und Dokumentation bei NaviPanel GmbH. Spezialist für Seitenleisten-Layoutmuster, einklappbare Panels und responsive Navigation.
Fachkompetenz
Marcus hat sich intensiv mit den Herausforderungen auseinandergesetzt, die bei der Gestaltung von komplexen Dashboard-Navigationssystemen entstehen. Sein Fokus liegt auf praktischen Lösungen, die funktionieren.
Seitenleisten-Layoutmuster
Feste und einklappbare Sidebars mit klarer Hierarchie. Er kennt die Unterschiede und weiß, wann welches Pattern funktioniert — und wann nicht.
Icon-Navigation mit Tooltips
Die Balance zwischen Kompaktheit und Klarheit. Icon-only-Zustände sind schwierig — Marcus hat über 50 Implementierungen dokumentiert.
Responsive Sidebar-zu-Drawer
Die Transformation von Desktop-Sidebars zu Mobile-Drawern ist nicht einfach. Er hat Richtlinien entwickelt, die wirklich funktionieren.
Navigations-Hierarchie
Struktur, die Sinn ergibt. Gruppierte Links, saubere Information Architecture, und Accessibility von Anfang an — nicht als Nachgedanke.
Barrierefreiheit & Standards
WCAG-Konformität ist nicht optional. Seine Designs funktionieren für alle — mit Tastatur, Screen-Reader und auf Geräten mit begrenztem Speicher.
Design Systems & Dokumentation
Gutes Design ist nichts ohne Dokumentation. Er erstellt Richtlinien, die Teams tatsächlich verstehen und umsetzen können.
Karriereweg
Vom Junior-Webdesigner zum Spezialisten für Dashboard-Navigation — das ist eine Reise von 14 Jahren, die viel über die Komplexität von Benutzeroberflächen gelehrt hat.
Junior Webdesigner
Stuttgarter Digitalagentur
Der Anfang. Hier erkannte er, dass Navigation nicht einfach nur Links ist — es geht um Verständnis. Er arbeitete an Websites für lokale Unternehmen und lernte schnell, dass gutes Design unmerklich funktioniert.
Senior UI Designer
SAP, Walldorf
Ein großer Schritt. Bei SAP arbeitete er in einem Team von 12 Designern an der Neugestaltung von Enterprise-Dashboard-Systemen. Hier sah er die Komplexität echter Probleme: Tausende von Benutzern mit unterschiedlichen Anforderungen, Accessibility als Pflicht, nicht Option.
Lead Designer, Design Systems
Siemens Digital Industries, München
Bei Siemens leitete er die Entwicklung von Richtlinien für Seitenleisten-Verhalten in Industrie-4.0-Anwendungen. Hier verstand er, dass jede Entscheidung Konsequenzen hat — für Performance, für Accessibility, für echte Menschen bei echten Jobs.
Senior UI/UX Designer & Dokumentation
NaviPanel GmbH, Stuttgart
Jetzt. Bei NaviPanel konzentriert sich Marcus auf das, was er am besten kann: Seitenleisten-Designs dokumentieren, Best-Practices teilen und anderen helfen, bessere Dashboards zu bauen. Er hat über 50 Case-Studies zu mobilen Sidebar-zu-Drawer-Transformationen veröffentlicht.
Ausbildung & Zertifizierungen
Die formale Basis seiner Arbeit. Marcus investiert regelmäßig in Weiterbildung — Design ist ein sich ständig entwickelndes Feld.
Medieninformatik (Diplom)
Hochschule für Technik Stuttgart, 2010
Schwerpunkt: Human-Computer Interaction und Webdesign
WCAG 2.1 AA Compliance Specialist
Web Accessibility Initiative, 2019
UX Research & Testing Professional
Nielsen Norman Group, 2017
Design Systems Foundations
InVision Design Education, 2021
UX-Days Stuttgart (Sprecher)
2023, 2024: “Responsive Navigation Patterns”
Webkonferenz Deutschland (Workshop-Leiter)
2022: “Dashboard Navigation: Theorie und Praxis”
Designphilosophie
Navigation sollte unsichtbar sein
Gute Navigation fällt nicht auf. Sie funktioniert einfach. Benutzer sollten nie über die Navigation nachdenken müssen — sie sollten direkt tun, was sie tun wollen. Wenn ein Benutzer sagt „Ich verstehe nicht, wie ich hier hingehe”, dann ist das ein Fehler des Designers, nicht des Benutzers.
Constraints sind Merkmale
Eine schmale Mobile-Sidebar ist nicht ein Problem, das man „optimal” löst. Es ist eine Einschränkung, die zu besseren Designs führt. Icon-only Navigation auf dem Desktop könnte schlecht sein — aber mit den richtigen Tooltips und Hierarchie kann’s hervorragend funktionieren. Grenzen fördern Kreativität.
Daten über Annahmen
Marcus arbeitet nicht nach Bauchgefühl. Jede Entscheidung ist begründet: User Testing, Heatmaps, Usability Studies. Wenn er sagt „Das funktioniert”, hat er es gemessen. Wenn er sagt „Das funktioniert nicht”, hat er auch das gemessen.
Accessibility von Anfang an
Accessibility ist nicht ein Feature für später. Es ist ein Grundprinzip. Ein Benutzer mit einem Screen-Reader sollte die gleiche Erfahrung haben wie ein visueller Benutzer. Das ist nicht nett — das ist richtig. Und es macht das Design für alle besser.
Dokumentation ist Design
Ein schönes Design, das niemand implementieren kann, ist nutzlos. Marcus dokumentiert nicht nur das „Was”, sondern das „Warum”. Teams verstehen die Prinzipien dahinter und können bessere Entscheidungen treffen, wenn die Situation etwas anders ist.
Einfachheit ist schwer
Es ist einfach, komplexe Navigation zu bauen. Es ist schwer, sie einfach zu machen. Marcus liebt diese Herausforderung — den Point zu finden, wo eine Seitenleiste funktioniert, obwohl sie nur wenig Platz hat.
„Jede Entscheidung, die ich treffe, wird von echten Menschen getroffen — Menschen, die ein Dashboard öffnen und ihre Arbeit machen wollen. Nicht für Design-Preise. Für ihre echte Arbeit. Das ist, was mich antreibt.”
Veröffentlichungen & Artikel
Marcus schreibt regelmäßig über Seitenleisten-Designmuster, Dashboard-Navigation und responsive Designsysteme. Seine Artikel richten sich an Designer und Frontend-Entwickler, die es besser machen wollen.
Feste vs. Einklappbare Seitenleisten: Was funktioniert wirklich
Ein praktischer Vergleich: Fixed Sidebars vs. Collapsible Sidebars. Wann funktioniert was? Und wann solltest du eine Hybrid-Lösung in Betracht ziehen?
Icon-Navigation mit Tooltips richtig umsetzen
Tooltip-Delays, Icon-Design, Accessibility-Anforderungen. Hier erfährst du, wie du Icon-only Navigation umsetzt, die wirklich funktioniert.
Responsive Seitenleiste: Von Desktop-Sidebar zu Mobile-Drawer
Die Transformation ist nicht einfach. CSS, JavaScript, Touch-Gesten, Accessibility. Ein vollständiges Implementierungs-Handbuch.
Navigations-Hierarchie in der Seitenleiste: Struktur, die Sinn ergibt
Wie organisierst du 20+ Links in einer Sidebar? Gruppierung, Kategorisierung, visuelle Hierarchie — mit echten Beispielen.
Lass uns reden
Du hast Fragen zu Seitenleisten-Design? Du arbeitest an einem Dashboard-Projekt und brauchst Rat? Marcus hilft gerne.
Unternehmen
NaviPanel GmbH, Stuttgart
Spezialisierung
Dashboard Navigation & Design Systems