Responsive Web Design Experten

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

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

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

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

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

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

• Entwicklung neuer Simulatorfunktionen und Erweiterung vorhandener Module mit C++.

• GUI-Design und Implementierung mit Qt für Windows, einschließlich Neugestaltung zur Verbesserung der Benutzerfreundlichkeit und des Workflows.

• Wartung und Ausbau des bestehenden Codebestands: Refactoring, Fehlerbehebung und Modularisierung zur Unterstützung neuer Funktionalitäten.

• Versionsverwaltung mit Git.

• Performance-Optimierung der Simulation zur Einhaltung von Echtzeitanforderungen.

• Erstellung und Pflege von Dokumentationen: technische Kommentare, Design-Dokumente, API-Referenzen und Benutzerhandbücher.

• Leitung einer Neugestaltung, die den Bediener-Workflow verbessert und die Aufgabenausführungszeit verkürzt hat.

• Erweiterung der Simulatorarchitektur zur Unterstützung mehrerer neuer Szenariotypen bei gleichzeitiger Wahrung der Abwärtskompatibilität.

• Durchführung von Refactoring- und Modularisierungsmaßnahmen, die Wartung vereinfachten und die Feature-Auslieferung beschleunigten.

• Technologien: C++03, Qt4.6, QMake, Git, V-Modell, Windows