Responsive Web Design Experten in Deutschland

• 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

• 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

• Entwicklung des Audit-Logging-Frameworks
• Implementierung von APIs, die Entwickler in ihre Codebasen integrieren können
• Implementierung der Ingestion-Pipeline, der Datenbank-Abfrageschicht und der UI zum Durchsuchen der Audit-Events
• Verbesserung der Stabilität und Zuverlässigkeit des Backend-Systems

Projekt für einen führenden deutschen E-Mail- und Cloud-Dienstleister: Als Senior Frontend Developer und Technical Web Architect 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.

• UX- und Produktstrategie
• digitale Transformation
• digitale Markenstrategie
• Customer-Experience-Plattformen
• Stakeholder-Workshops
• Design Leadership

Projekt: Neura Belden BHVA (Belden HI Vision Virtual Assistance)

• Übersetzte KI-Agenten-Konzepte in 4 verschiedene User Workflows (General, Redundancy, Network, VLAN Agents).
• Entwickelte 6 wegweisende Features mit technischen Spezifikationen: Predictive Issue Resolution, Cost Optimization Engine, Compliance Automation, Cross-Agent Orchestration, Knowledge Transfer Mode, Root Cause Analysis 2.0.
• Erarbeitete wiederverwendbare UX-Patterns und leichtgewichtige Standards für eine Experiment-First-KI-Umgebung: HTML/CSS/JS-Prototypen in einer Datei, semantische Barrierefreiheit, responsive Grid-Layouts und eine klare Komponentenstruktur für schnelle zukünftige POC-Iterationen.
• Übersetzte frühe KI-Konzepte in intuitive User Workflows und Interaktionsmodelle für 4 spezialisierte Agents, mit Fokus auf Klarheit, Vertrauensaufbau und progressive Offenlegung, um komplexe KI-Funktionen sichtbar zu machen.
• Dokumentierte Design-Entscheidungen und -Abwägungen in verständlicher Sprache für Nicht-Designer.

Juli 2024 - Juni 2025

• Accessibility-Expertin im Bereich UI/UX-Design, WCAG-Test und -Beratung für das Barrierefreiheitsstärkungsgesetz
• Erstellung eines internen Accessibility-Guides

Oskar Oldorf (Projektleiter): "Ich hatte das Vergnügen, über ein Jahr lang mit Patricia an einem Projekt zu arbeiten, das sich auf die digitale Barrierefreiheit der Online-Präsenz eines Unternehmens aus dem Finanzdienstleistungssektor konzentrierte. In dieser Zeit habe ich sie als engagierte, detailorientierte und sehr kompetente Kollegin kennengelernt.

Patricia war dafür verantwortlich, eigenständig Gap-Analysen durchzuführen, und arbeitete direkt und effizient mit den wichtigsten Stakeholdern zusammen. Ihr Schwerpunkt lag darauf, die Einhaltung des BFSG zu prüfen und Redaktions-Teams strategisch dabei zu beraten, barrierefreie Inhalte zu erstellen.

Besonders geschätzt habe ich an Patricia ihre Fähigkeit, über den Status quo hinauszudenken und neue Perspektiven einzubringen. Sie verbindet fundierte Fachkenntnis mit einem scharfen Blick fürs Detail und einer strukturierten, gründlichen Arbeitsweise. Ihre Impulse haben oft wertvolle Diskussionen angestoßen und uns geholfen, unsere Arbeit sinnvoll voranzubringen.

Ich kann Patricia uneingeschränkt empfehlen – insbesondere für Rollen, in denen Genauigkeit, strategisches Denken und ein hoher Qualitätsanspruch entscheidend sind."

• Entwickelte wirkungsvolle Brand Designs für "ALAIQ" und "Digitale Kollegen", einschließlich Logos, Brand Guidelines und über 100 digitalen, gedruckten und Video-Werbematerialien, die auf die Vorlieben der Zielgruppe abgestimmt waren. Schulung von Kollegen zu den Brand Guidelines, wodurch die Effizienz des Teams um 30 % gesteigert wurde.
• Entwarf eine einprägsame Website-Oberfläche, die Vertrauen schafft. Entwickelte einen Konfigurator, mit dem Besucher ein Profil ihres neuen digitalen Kollegen erhalten und gleichzeitig dem Unternehmen Kontaktdaten der Kunden bereitstellen können, wodurch der Kundenstrom über die Website um 30 % stieg. Führte erfolgreich ein Entwicklerteam.
• Entwickelte ein einzigartiges System zur Interaktion mit einem digitalen Kollegen per Textnachricht. Führte Usability- und Nutzerforschung durch, um Probleme und Schwächen bereits in der Designphase zu erkennen und zu beheben. Dadurch stiegen die Kundenzufriedenheit und die Bereitschaft, das Produkt zu nutzen.
• Erstellte das Design für eine Promo-Website für Trainingsseminare. Entwarf eine benutzerfreundliche Lernplattform, was zu mehr positivem Feedback und häufigerem Wiederverwenden der Plattform führte. Leitete den Entwicklungsprozess erfolgreich und brachte das Produkt in nur 3 Wochen auf den Markt.

• Senior Engineering in mehreren parallelen Kundenprojekten.
• Ein Mail-Client und einen Angebots-Assistenten für ein CRM für B2B-Paketdienstleister gebaut.
• Eine individuelle Web-Komponente entwickelt, um Baustoff-Kataloge an Händlernetze zu verteilen.
• Hands-on Engineering mit aktivem Architektur- und Produkt-Feedback kombiniert.

• Aufbau einer Produktvision und -strategie

• Erarbeitung einer Roadmap

• Verbesserung der Stakeholder-Kommunikation

• Einführung einer Outcome-orientierten Roadmap

• Alignment mit Stakeholdern und Schaffung von Transparenz

• Erarbeitung relevanter Produkt-Kennzahlen als KPI-Tree

• Initiierung von Maßnahmen zur Verbesserung der Produktqualität und Messbarkeit

• Begleitung der Einführung und Migration des neuen Identity Providers (IDP)

• Gestaltung und Entwicklung responsiver, barrierefreier Webanwendungen für KMU und Privatkunden mit React.js, Tailwind CSS, JavaScript und HTML5.
• Aufbau wiederverwendbarer UI-Komponentenbibliotheken zur Verbesserung der Wartbarkeit und Reduzierung der Entwicklungszeit.
• Integration von REST-APIs und Implementierung dynamischer Funktionen (Landingpages, Portfolios, Dashboards) auf Basis von Figma/Adobe XD-Designs.
• Eigenständige Steuerung des gesamten Projektzyklus (Analyse, Entwicklung, Test, Deployment auf Netlify/Vercel) unter Einhaltung von Mobile-First- und Cross-Browser-Standards.

• Moss ist eine Ausgabenmanagement-Plattform für KMU, die Firmenkarten, Webanwendungen und Spesenabrechnung, Kreditoren-/Beschaffungsprozesse und erweiterte Buchhaltung an einem Ort bündelt.
• Arbeitet in den Tribes Accounting, Spending und Growth und übernimmt Anforderungsanalyse, öffentliches Produktdesign, Implementierung, Test, Debugging und interne Apps.
• Beteiligt sich an der Entwicklung und Pflege des Design-Systems/UI-Kits und unterstützt dabei Tools, Dokumentation und die Entwicklererfahrung.
• Erstellt formularlastige UIs, auf Schubladen basierende Bearbeitung, hochdichte/fehlertolerante Tabellen mit serverseitigen Filtern, Paginierung, Spaltenkonfigurationen, CSV-/Excel-Export und Massenaktionen, alles abgesichert durch Berechtigungen und Audit-Funktionen.
• Arbeitet mit komplexen Beziehungen zwischen Entitäten ohne eine Single-Schema-Lösung.
• Verwendet React, Redux Toolkit, styled-components, react-hook-form, React PDF, Vite, Lokalise, React Testing Library und Playwright.

Berufszertifizierung in AI Product Design - mit Fokus auf Human-AI Interaction, KI-gestützte Produkterlebnisse und die Integration generativer KI in den Produktdesign-Prozess. Aufbau von Fähigkeiten in KI-Prototyping, Prompt Engineering und AI UX Patterns für die nächste Generation digitaler Produkte.

• Abrechnungssoftware für die zweithöchste Sicherheitsbehörde der Bundesrepublik Deutschland
• Sicherheitsfreigabe Stufe 2 bestanden
• Frontend- und Backend-Entwicklung
• Beratung bei Einführung, Aufbau, Umsetzung und Weiterentwicklung technischer Komponenten
• Code-Reviews, Komponententests, Modultests, Gruppenmodultests
• Umsetzung von UI/UX-Design
• Verwendete Technologien: HTML, CSS/SCSS, JavaScript, Node.js, Vue 3, PrimeVue, Webpack, Vuex, Momentum, Jest, NPM, Lodash, Java 17, Spring Boot, Lombok, GraphQL, JUnit, Maven, Keycloak, Python, Docker, CI/CD, Kubernetes, Oracle SQL, Postman, Storybook, Microservices, Monorepo, Jira, Confluence, Scrum, GitLab, AWS, IntelliJ, Visual Studio Code, Neovim, XLSX, responsives Webdesign, BITV 2.0 (U.S. Section 508) / WCAG 2.2