Responsive Web Design Experten in Deutschland

IT-Beratung, Analyse, Architekturgestaltung, Neu- und Weiterentwicklung, Code Review, Testautomatisierung, Continuous Integration, Continuous Delivery im Backend- und Frontend-Bereich für das Automotive-Projekt Instavalo.

Frontend:

• Implementierung von UI-Komponenten gemäß Vorgaben, insbesondere Style Guides und responsive Design mit React und Typescript
• Komponententests
• Codedokumentation
• CI/CD mit Gitlab Pipeline

Backend / IoT:

• Analyse und architektonische Gestaltung mit AWS Greengrass IoT auf Edge-Geräten
• Aufbau von Microservices-Containern mit Docker Compose auf Edge-Geräten mit AWS Greengrass und AWS IoT IAM, Token Exchange Service, Ansible
• CI/CD mit Gitlab Pipeline, Terraform, AWS ECR
• Logging mit Fluentbit und Lua für AWS Cloudwatch
• Python-Lambda für die AWS-Greengrass-Recipe-Deployment auf Edge-Geräten
• Umsetzung von Test Driven Development mit JUnit, Mockito und Code Coverage
• Jacoco
• Definition von REST-Schnittstellen mit OpenAPI / Swagger
• Entwicklung und Erweiterung von Software auf Basis von Java Quarkus, Typescript NestJs NodeJs und Python
• Authentifizierung und Autorisierung in AWS IAM
• Entwicklung von REST- und gRPC-Schnittstellen für Frontend und Backend
• Umsetzung von Maven-Abhängigkeiten mit DevSecOps OWASP
• Spring AI, Jetbrains AI Assistant, Junie, Github Copilot, Claude Code, Agents, Skills, Command, Hooks, Subagents

• 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

• Nutzung von OpenCode und AI-gestützter Softwareentwicklung zur Konzeption, Implementierung, Überarbeitung, Prüfung und Dokumentation einer durchgängigen RAW/SDTM/ADaM-Pipeline in R für Dr. Falk Pharma (07/2026), einschließlich metadatenbasierter Transformationen, automatisierter Validierungsregeln und QC, Rückverfolgbarkeit sowie reproduzierbarer klinischer Outputs.

• 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 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.

Gründung und Leitung von userdoo seit 2023. UX-Strategie, hands-on Product Design und fachliche Führung kleiner Designteams. Zusammenarbeit mit Product Ownern und Entwicklung; Designsysteme, Prototyping, Nutzertests und AI-gestützte Design-to-Code-Workflows.

Unter anderem:

ZEISS Vision Care – UX-Strategie, Konzeption und Design

Myopia Management (Myopie-Management)

Konzeption und Design eines Tools für das Myopie-Management. Unterschiedliche fachliche Konzepte und geräteabhängige Abläufe wurden zu einem konsistenten Gesamtworkflow zusammengeführt. Im Mittelpunkt stand eine verständliche Bedienung über die verschiedenen Gerätetypen und deren Einsatz im Prozess hinweg.

Digitaler Workflow beim Optiker

Fachliche UX-Führung bei der Neukonzeption digitaler Abläufe für den gesamten Optikerbesuch. Strukturierung der Nutzererfahrung rund um Patienten, Besuche sowie Untersuchungs- und Beratungsabläufe. Verantwortung für die konzeptionelle Richtung und eigene Gestaltung zentraler Workflows.

Mentoring junger Designer und Begleitung von Designern in neuen Lead-Rollen. Individuelle Sessions zu DesignOps, strategischen Fragestellungen und fachlicher Führung.

B2C-Brillenshop für Indien

Konzeption und UX/UI-Design eines vollständigen E-Commerce-Shops für Brillen. Gestaltung der B2C-Kauferfahrung unter Berücksichtigung der Anforderungen des indischen Marktes. Enge Zusammenarbeit mit dem Projektteam und dem lokalen Markt; Abstimmung und Weiterentwicklung der Konzepte anhand von Marktfeedback und Rückmeldungen aus den vor Ort durchgeführten Tests.

poolinq – UX für eine neue Software zur Bestandsführung

Aufbau der UX von Grund auf: Produktanforderungen strukturieren, zentrale Nutzerabläufe entwickeln und in ein zusammenhängendes Bedienkonzept übersetzen. Im Mittelpunkt stehen Bestandsführung, Belegverarbeitung sowie die Erfassung von Warenein- und -ausgängen. AI-gestützte Belegerkennung und Zuordnung so gestalten, dass Nutzer die Ergebnisse nachvollziehen und prüfen können. Enge Zusammenarbeit mit dem Produkt- und Entwicklungsteam.

FerniLoy – Digitaler Begleiter für den Möbelhandel

UX-Konzeption und Prototyping für einen digitalen Verkaufs- und Produktbegleiter. Aufbau eines Multibrand-Designsystems, das unterschiedliche Marken auf einer gemeinsamen Grundlage abbildet. Design Tokens, Komponenten und Varianten in Figma mit Flutter und Widgetbook verbinden. Gemeinsame Abstimmung von Nutzerabläufen, Designsystem und Umsetzung mit dem Produkt- und Entwicklungsteam.

TYCT – UX und Designsystem für ein B2B-Portal

Informationsarchitektur und Interaktionskonzepte für datenreiche Arbeitsbereiche mit komplexen Statusabläufen. Informationen, Zuständigkeiten und nächste Schritte auf Listen-, Detail- und Bearbeitungsseiten klar strukturieren. Aufbau eines Designsystems mit wiederverwendbaren Komponenten, Zuständen und Seitentypen. Fachliche Leitung des Designteams und enge Abstimmung mit dem Lead Developer.

• Entwicklung eines React- und TypeScript-Dashboards mit wiederverwendbaren UI-Komponenten und API-basierter Datenvisualisierung.
• Implementierung dynamischer Datenanzeige, State-Management und einer auf Performance ausgerichteten Frontend-Architektur.
• Integration Python-basierter Backend-Dienste zur Verarbeitung und Visualisierung von SEO-Analysen.

• Die End-to-End-Auslieferung von Enterprise-Full-Stack-Webanwendungen geleitet, indem ich Anforderungsanalyse, Lösungsdesign, Frontend- und Backend-Entwicklung, Datenbankdesign, API-Integration, Code-Reviews, Teamkoordination, Agile Umsetzung, CI/CD-Deployments, Produktionssupport, Performance-Optimierung, Sicherheitsimplementierung und die Zusammenarbeit mit Stakeholdern gesteuert habe, um skalierbare, hochwertige Softwarelösungen zu liefern.

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 mit Patricia an einem Projekt zu arbeiten, das sich auf die digitale Barrierefreiheit für den Online-Auftritt eines Unternehmens im Bereich Finanzdienstleistungen konzentrierte. In dieser Zeit lernte ich sie als engagierte, detailorientierte und sehr kompetente Kollegin kennen.

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 bewerten und den Redaktionsteams strategische Hinweise zur Erstellung barrierefreier Inhalte zu geben.

Besonders geschätzt habe ich an Patricia ihre Fähigkeit, über den Status quo hinauszudenken und frische Perspektiven einzubringen. Sie verbindet fundiertes Fachwissen mit einem scharfen Blick für Details und einer strukturierten, gründlichen Arbeitsweise. Ihre Impulse haben oft wertvolle Diskussionen angestoßen und uns geholfen, unsere Arbeit spürbar voranzubringen.

Ich kann Patricia uneingeschränkt empfehlen – besonders für Rollen, in denen Präzision, strategisches Denken und ein hoher Qualitätsanspruch wichtig sind."

• Neu- und Weiterentwicklungen der Oberflächen im Frontend für den Investorenkreis, unter Verwendung von HTML5, JavaScript, CSS, React, Material UI, JSTL

• 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.

• Senior Engineering über mehrere parallele Kundenprojekte hinweg.
• Ich habe einen Mail-Client und einen Angebots-Assistenten für das CRM eines B2B-Paketlieferunternehmens gebaut.
• Ich habe eine eigene Web-Komponente für die Verteilung von Baumaterial-Katalogen an Händlernetzwerke entwickelt.
• Praktische Entwicklung mit aktiven Beiträgen zu Architektur und Produktfeedback kombiniert.