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

• 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

Mitgründer einer Softwareagentur, die individuelle Web- und plattformübergreifende Produkte entwickelt. Ich verantwortete die technischen Entscheidungen für das gesamte Portfolio und führte 12 Personen. Außerdem war ich für die Umsetzungsplanung, Prozesse und Kundenbeziehungen für 11 Kunden in 3 Branchen zuständig.

• Technische Führung: Verantwortete die technischen Entscheidungen für die Codebasis in jedem Projekt — Stack, Architektur, Code-Konventionen und die Tools, mit denen das Team arbeitete — und leitete die Entwickler dabei an, wie Arbeit durch Code-Reviews, Pair Programming und Mentoring umgesetzt wurde. Das Team reichte von Junior bis Senior, während die Codebasis mit dem Portfolio und dem Team wuchs und konsistent blieb

• Umsetzungsplanung anhand des Finanzplans: Erstellte den Finanzplan des Unternehmens und leitete daraus die abrechenbaren Stunden ab, die jeder Entwickler pro Monat erreichen musste, sowie die Stunden, die jedes Projekt innerhalb des Budgets aufnehmen konnte; plante Kapazitäten und Umfang anhand dieser Werte und verhandelte Budgets und Liefertermine direkt mit Kunden

• Verantwortung für Kunden: Technischer Ansprechpartner für das gesamte Portfolio — Erfassung und Priorisierung von Anforderungen, Festlegung des Umfangs und Aufwandsschätzungen, Kommunikation von Zeitplänen, Budgetverhandlungen und durchgehend transparente Kommunikation während der Umsetzung

• Team und Mitarbeiter: Verantwortete den Einstellungs- und Interviewprozess vollständig und übernahm bei Bedarf die Verantwortung für das Offboarding; entwickelte ein Onboarding, durch das neue Entwickler innerhalb von 1–2 Tagen produktiv wurden; beseitigte täglich Blockaden und achtete genau darauf, wo Aufwand Wert schuf und wo nicht

• Prozessverantwortung: Führte eine auf 15+ Repositories verteilte Microservice-Landschaft in einem einzigen Monorepo zusammen, verkürzte dadurch die Backend-Entwicklungszeit um ~40% und vereinfachte Releases für 6 Engineers; richtete Deployment-Pipelines mit GitHub Actions und GitLab CI ein; führte Retrospektiven durch und setzte das Feedback in konkrete Änderungen um; führte KI-Agenten in die tägliche Entwicklung ein

• Umsetzung trotz kleinerem Team: Als das Team von 8 Entwicklern auf 2 schrumpfte, strukturierte ich den Umfang neu, führte KI-gestützte Entwicklung ein, um den Zeitplan einzuhalten, und übernahm zusätzlich zu meinem eigenen Frontend-Aufgabenbereich Backend-Arbeiten in Go

• Architektur und Code: Definierte die Architektur für jedes Projekt im Portfolio — den Rahmen, in dem das restliche Team arbeitete — und schrieb ungefähr 90% des Frontend-Codes selbst, von SSR-Anwendungen mit Next.js und Remix bis zu plattformübergreifenden Apps mit Capacitor

• Von null bis in Produktion: Führte eine Praxismanagement-Plattform — Verwaltung, Inventar, integrierter Onlineshop, Chat-Messenger — von einem leeren Repository bis in die Produktion. In 7 Märkten live, mit mindestens 7 weiteren in Vorbereitung, und im Einsatz für zehntausende Nutzer

• Umsetzung unter Druck: Entwickelte und veröffentlichte innerhalb von 4 Tagen einen Ersatz-Onlineshop für einen Fortune 250-Kunden und stellte die Bestellannahme wieder her, nachdem dessen globale Shops mehrere Wochen offline gewesen waren

• Designsystem: Entwickelte ein projektübergreifendes Designsystem, das in 7 Produkten eingesetzt wurde, sodass neue Projekte und Funktionen auf einer gemeinsamen, konsistenten Basis starten konnten

• Plattformübergreifend und in Echtzeit: Entwickelte iOS- und Android-Apps mit Capacitor für eine Live-Veranstaltung eines Kunden mit 1,000+ Teilnehmern — WebSockets und Push-Benachrichtigungen für Inhalte in Echtzeit sowie Stripe-Zahlungen mit Unterstützung für PayPal, Apple Pay, Google Pay und Karten

Wichtige Technologien: React, TypeScript, Next.js, Remix, GraphQL, ConnectRPC, Redux, Zustand, Go, Node.js, Turborepo, Nx, Capacitor, Ionic, WebSockets, Stripe, PostgreSQL, Playwright, Cypress, Vitest, Storybook, GitHub Actions, GitLab CI, Claude Code, Cursor, GitHub Copilot

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.

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