Design System Experten

Ich war bei Casavi, einer Softwareplattform für Immobilienverwalter, als Lead Designer für zwei interdisziplinäre Teams tätig. Casavi ist eine zentrale Plattform für alle Bereiche der digitalen Immobilienverwaltung und optimiert Abläufe und Geschäftsprozesse.

SmartTask: Das Team konzentriert sich auf Ticketmanagement, Workflow-Automatisierung, KI-Integration und die Verbesserung der Kommunikation zwischen Immobilienverwaltern und ihren Kunden.

Kunden-App/-Portal: Das Team ist darauf ausgerichtet, die Community unter den Bewohnern verwalteter Immobilien zu stärken. Das Kundenportal in Kombination mit der Casavi-App löst die Herausforderungen für Property- und Facility-Manager.

Meine Rolle umfasste den gesamten Design-Lifecycle, darunter UX/UI-Design, Nutzerforschung, Usability-Tests und strategische Designplanung, über die Webplattform, die Mobile App und die Kundenportale von Casavi hinweg. Jedes Team bestand aus rund 10 Mitgliedern, darunter Projektmanager, Designer, Entwickler und QA-Tester. Außerdem war ich für die Sicherstellung der Barrierefreiheit des gesamten Produkts verantwortlich.

Rolle in der Design-Einheit: Zusätzlich zu meinen Kernaufgaben trage ich aktiv zur Weiterentwicklung und Pflege des Designsystems und des Styleguides des Unternehmens bei und sorge so für Konsistenz und Skalierbarkeit über alle Produkte hinweg. Junior Designer zu mentorieren ist meine offizielle und moralische Verantwortung.

• Leite die UX für ein Property-Management-System, eine All-in-One-Lösung für Ferienwohnungsagenturen und Tourismusregionen, für Marketing und Vermietung von Ferienwohnungen und -häusern
• UX-Audits, Konzeption und Umsetzung der UX-Strategie mit Fokus auf regulatorische, sicherheitsrelevante und nutzerzentrierte Anforderungen
• Beratung von Stakeholdern auf C-Level zu UX-Strategie und Best Practices im Design
• Planung und Durchführung von Research mit Agenturen und Eigentümern
• Strategie für das Designsystem und Definition der UX-Architektur

• Entwicklung und Optimierung der RTL+-Frontend-Anwendung für SmartTV- und Set-Top-Box-Plattformen mit React und Next.js.
• Schlüsselrolle bei der fachlichen Steuerung von Entwicklern im Team und bei der Koordination der Umsetzung.
• Zentrale Schnittstelle zu angrenzenden Teams, um Entwicklungsabläufe zu vereinfachen und die teamübergreifende Abstimmung zu verbessern.
• Verbesserung von Frontend-Performance, Stabilität und Rendering-Verhalten auf leistungsschwachen Geräten in einer eingeschränkten Runtime-Umgebung.
• Umsetzung einer Frontend-Teststrategie mit Jest, React Testing Library und Playwright.
• Umsetzung von Verbesserungen der Barrierefreiheit gemäß WCAG 2.2 und WAI-ARIA.
• Integration von Didomi Consent Management als Beitrag zur Steigerung der Ad-Monetarisierung auf Streaming-Plattformen.
• Einsatz KI-gestützter Engineering-Workflows mit Cursor für strukturierte Implementierung, Refactoring und schnellere Problemlösung.

Eingesetzte Technologien: React, Next.js, TypeScript, JavaScript, GraphQL, Apollo Gateway, Zustand, Tailwind CSS, Styled Components, React Testing Library, Playwright, Jest, HTML5, CSS3, AWS Lambda, EC2, CloudFront, S3, GitLab CI/CD, NX, Cursor

• Als UX Manager und UX Team Lead liegt mein Fokus darauf, die Voraussetzungen für exzellentes UX Design zu schaffen – nicht nur durch bessere Ergebnisse, sondern auch durch Investitionen in Menschen, Kultur und Systeme. Ich bin überzeugt, dass nachhaltiges UX Design aus einer Kombination von autonomen Teams, klaren Ritualen und einer gemeinsamen Vision von Produkt- und Nutzerwert entsteht.

• Meine Aufgabe ist es, erfolgreiches UX Design in einem Unternehmen zu ermöglichen. Dazu gehört der Aufbau und die Weiterentwicklung des UX-Teams, die Etablierung eines Designsystems, die Gestaltung der Designprozesse, die Bestimmung und Entwicklung von UX-Maturity und UX-Kultur im Unternehmen sowie die Entwicklung von Strategien, die Geschäftsanforderungen und User Experience Design verbinden.

• Beratung & konzeptionelle Unterstützung in UX- und Produktfragen (projektbasiert)

• Vertiefung strategischer Themenfelder: UX Strategy, Organizational Design, UX Maturity

• Markt- und Rollenorientierung mit Fokus auf Head of UX/UX Leadership Positionen

Entwicklung KI-nativer digitaler Produkte durch die Kombination von Produktstrategie, UX-Forschung, Interaction Design, Software Engineering und modernen KI-Workflows. Leitung von Projekten von der Discovery bis zur Umsetzung, wobei KI über den gesamten Produktentwicklungszyklus hinweg integriert wird.

Hauptaufgaben

• → Product Discovery, Stakeholder-Workshops, Jobs-to-be-Done und Nutzerforschung
• → User-Journey-Mapping, Informationsarchitektur und Interaction Design
• → Wireframes, High-Fidelity-UI, Prototypen und skalierbare Design Systems in Figma und Penpot
• → KI-gestützte Oberflächengenerierung und schnelle Konzeptentwicklung mit Figma AI, Figma Make und generativen Design-Workflows
• → Design-to-Code-Workflows mit KI-gestützter Frontend-Generierung und Zusammenarbeit mit Engineering
• → Aufbau barrierefreier Oberflächen nach WCAG 2.2 und Enterprise-Design-Standards
• → Usability-Tests, iterative Validierung und KPI-getriebene Produktoptimierung
• → Entwicklung von KI-Wissenssystemen, MCP-gestützten Design-Workflows und Human-in-the-Loop-Review-Prozessen
• → Enge Zusammenarbeit mit Engineering-Teams, um eine produktionsreife Umsetzung sicherzustellen

• Habe rollenbasierte Workflows für die Disposition und Zustellung entworfen, umschaltbar zwischen eigenem Fuhrpark und Partner-Transportunternehmen, mit nachvollziehbaren Statusketten von „pending“ bis „in delivery.“
• Habe KI-gestützte Routenoptimierung entworfen, bei der Disponenten fahrzeitoptimierte Routenvorschläge als Entwurf prüfen und mit einem Klick übernehmen.
• Habe eine zentrale Planungsoberfläche für Liefer- und Routenmanagement entworfen, die Tabellenansicht, Kartenansicht und Routenkomposition in einem einzigen Workflow zusammenführt.
• Habe interaktive Prototypen gebaut, um neue Produktfunktionen früh mit Stakeholdern und Engineering abzustimmen.

Wichtige Methoden: KI-gestütztes Produktdesign, Workflow-Design, rollenbasierte Workflows, Dashboard-Design, Interaction Design, Prototyping, UX für Logistik/Operations, Stakeholder-Zusammenarbeit

• Verantwortet end-to-end UX für zwei AI-SaaS-Produkte in Closed Beta, inklusive LLM-Interaction-Design, Prompt-UX und Human-in-the-Loop-Patterns; kommerzielle Distribution für Launch in Q3 2026 unterzeichnet
• Einen selbst entwickelten LLM-Reframing- und RAG-Korrektur-Pipeline gebaut, die die Produktion von mehreren CV- und Case-Study-Profilen ermöglicht
• Liefert echten Code parallel zur Forschung, darunter Three.js/GLSL-Portfolio-Arbeiten, Figma-API-Tools und eine Chrome-MV3-Extension für Session-Sync-Automation

• Gestaltung der UX für eine B2B-KI-SaaS-Plattform über den gesamten Softwareentwicklungszyklus hinweg, einschließlich eines Orchestrierungs-Transparenzpanels, das den Nutzern zeigt, welches KI-Modell in jeder Phase aktiv ist, um die Intransparenz von KI zu verringern und das Vertrauen der Nutzer in Multi-Modell-Workflows zu stärken.

Im Zuge der Migration von Shopware 5 auf 6 wurde entschieden, die komplette E-Commerce-Landschaft der regionalen FUNKE Online-Shops online neu zu denken. Primärziele waren neben der Schaffung einer zuverlässigen Plattform mit mehreren Verkaufskanälen für jeweils eine Regionalmarke, das "Rebranding" bzw. die Markenfindung in Anlehnung an diese.

Sekundär floss das Rebranding in die Werbemittel-CI ein, die in dem Tageszeitungssektor neben digitalen Performance-Ads noch Print als starken Fokus im Zielgruppensegment hat.

Meine Verantwortungen/Tätigkeiten in diesem Projekt:

• Kreieren des UI-Design-Systems
• UX-Research
• Prototyping
• Rebranding & Erstellung des neuen CI-Manuals übergreifend für alle Regio-Shops
• Shopware 6 Front- & Backend-Development
• Design & Creative Lead
• Ad-Design, Landingpages

• Leitete die Bemühungen zur Steigerung der Konsistenz und der Benutzerfreundlichkeit für ein deutlich intuitiveres Erlebnis
• Arbeitete mit den Gründern zusammen, um durch Product Discovery eine neue Go-to-Market-Strategie zu entwickeln
• Leitete den Prozess der Erstellung der neuen Firmenwebsite von Konzept und Wireframes über Design bis zur finalen Umsetzung in Webflow
• Responsives Webdesign
• WCAG
• Unternehmens-Branding
• Produkt-Discovery
• MVP
• Produktdesign
• Nutzererfahrung
• Schnelles Prototyping

• Analyse und Strukturierung komplexer Serviceprozesse
• Entwicklung von Customer Journeys, User Journeys und Service Blueprints
• Moderation von Workshops zur Anforderungsdefinition
• Ableitung eines MVP mit Stakeholdern
• Klare Entscheidungsgrundlage
• Reduktion von Unsicherheiten in frühen Projektphasen

• Entwicklung von AI-first-Workflows, die KI in bestehende Produkterlebnisse integrieren
• Entwicklung von UX-Konzepten für Prompt-Management, wiederverwendbare und kombinierte Prompt-Workflows, Tagging, Suche und Informationsorganisation
• Erstellung von User Flows, Wireframes, Prototypen und High-Fidelity-Interfaces in Figma
• Definition wiederverwendbarer UI-Patterns, Komponenten und Interaktionslogik für skalierbare Produkte
• Untersuchung von Human-AI-Interaktionsmustern mit Fokus auf Nutzerkontrolle, Transparenz und beherrschbare kognitive Belastung
• Übersetzung von Produktanforderungen und technischen Einschränkungen in entwicklungsreife UX/UI-Spezifikationen

• Komplexe React/TypeScript-Frontend-Systeme für stark anpassbare Brillenprodukte entwickelt.
• Internes Tooling zum Validieren und Verwalten von Produktkonfigurationsregeln entworfen.
• Barrierefreiheits-Initiativen geleitet, um kundennahe Anwendungen an die EU-Anforderungen zur Barrierefreiheit anzupassen.
• Umfangreich in großen Legacy-Codebasen gearbeitet und dabei Wartbarkeit sowie Developer Experience schrittweise verbessert.
• In einem internationalen E-Commerce-Umfeld teamübergreifend mit mehreren Teams zusammengearbeitet.

Projekt für einen führenden deutschen E-Mail- und Cloud-Dienstleister: Als Senior Frontend Developer und Technischer Webarchitekt entwickelte ich einen internationalen, mandantenfähigen White-Label-Consent-Management-Layer für mehrere Marken.

Hauptaufgaben:

• Architektur und Implementierung mit Vue 3, TypeScript und Vite
• Entwicklung automatisierter Tests mit Vitest und Playwright
• Erstellung markenspezifischer CMP-Konfigurationen, CSS-Themes, i18n-Strukturen und Vendor-Einstellungen
• Umsetzung der Playout- und Initialisierungslogik sowie der Backend-Anbindung
• technische Entscheidungsgrundlagen, Projekt- und Code-Dokumentation

Wirkung: Ablösung externer CMP-Lösungen durch eine wiederverwendbare und langfristig wartbare Inhouse-Basis für mehrere internationale Marken und Rollouts.

Technologien: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.