Responsive Web Design Experten

TOURISMUS

colle-il-diaccino.de · Ferienunterkünfte

• Website konzipiert, gestaltet und entwickelt: interaktive Geländeansicht, Unterkunftsvergleich und Bildergalerien.
• Deutsche, englische und italienische Sprachversionen umgesetzt. Anfrageformulare mit Eingabeprüfung und Spam-Schutz, sprachabhängige SEO-Metadaten und automatisierte Tests eingerichtet.

Stack: Next.js, React, TypeScript, Tailwind, next-intl, React Hook Form, Zod, Resend, Playwright, Vitest

Procure Ai entwickelt eine Beschaffungsplattform mit Tools zur Optimierung von Einkauf und Lieferantenmanagement. Sie bietet Echtzeitanalysen, Einsparpotenziale und automatisierte Workflows. Ein gemeinsames Datenmodell integriert und ergänzt Daten aus mehreren ERP- und E-Procurement-Systemen, darunter Ivalua, SAP, Coupa, WPS und Jaggaer.

06/2025 – HEUTE:

• Konzeption und Entwicklung einer neuen KI-nativen Beschaffungsplattform mit Dokumentenintelligenz, einer Agenten-Orchestrierungsebene auf Basis von Mastra und LLM-basierter Workflow-Automatisierung für Anwendungsfälle in den Bereichen Lieferantenmanagement, Intake und Kategorienmanagement
• Agentenbasierte Entwicklungs-Workflows im gesamten Entwicklungsteam eingeführt, die LLM-gestützte Codegenerierung und automatisierte Reviews ermöglichen und die Durchlaufzeit sich wiederholender Entwicklungsaufgaben messbar verkürzen
• Migration des Design Systems von Material UI zu shadcn/ui mit Tailwind, um die Konsistenz zu verbessern und den Aufwand für die Frontend-Entwicklung zu verringern
• Weiterhin direkt an Frontend-, Backend- und KI-Funktionen mitgearbeitet, während das Engineering-Team von 10 auf 20+ Engineers wuchs: Recruiting, Onboarding, 1:1-Gespräche und Mentoring

06/2020 – 06/2025:

• Als erster Engineer nach den beiden Gründern eingestiegen; gemeinsam mit dem CTO die Plattformarchitektur und Produktvision von Grund auf gestaltet und die Plattform auf 10 Unternehmenskunden ausgebaut
• Die Fullstack-Entwicklung von Funktionen für die zentrale Beschaffungsplattform geleitet, mit Schwerpunkt auf Anwendungsfällen in den Bereichen Analytics, Suche und autonome Verhandlungen: MVP-Umfang festgelegt, technische Entscheidungen an den Kundenergebnissen ausgerichtet und Arbeiten eingestellt, die keinen Mehrwert brachten
• Eine feldbasierte Konfigurationsanforderung für autonome Verhandlungen hinterfragt und stattdessen einen knotenbasierten Regel-Editor entwickelt, der der Denkweise von Category Managern mit Bedingungen und Verzweigungen entspricht; später auch für andere Workflow- und Entscheidungskonfigurationen wiederverwendet
• Mandantenfähige Authentifizierung und fein abgestufte Autorisierung auf Basis von Organisationseinheiten entwickelt und umgesetzt
• Eine mandantenfähige Admin-Anwendung zur Verwaltung von Kundeninstallationen in verschiedenen Umgebungen konzipiert und entwickelt, einschließlich Konfiguration, Feature Flags und i18n
• Ein eigenes, auf Material UI basierendes Design System erstellt und gepflegt, das im gesamten Produkt zum Einsatz kommt
• CI/CD-Pipeline und vollständige QA-Suite eingerichtet und gepflegt (Linting sowie Unit-, Integrations- und E2E-Tests)
• Einen Release-Prozess für mehrere Umgebungen mit Helm und Helmfile konzipiert und umgesetzt; Verantwortung für Infrastructure as Code in AWS und Azure übernommen
• Neue Tools und Frameworks recherchiert und erprobt; Make-or-Buy-Entscheidungen getroffen, um Entwicklungsgeschwindigkeit, Kosten und langfristige Wartbarkeit in Einklang zu bringen
• Das Engineering-Team von 4 auf 10+ Engineers vergrößert, Engineers betreut und eine Kultur der Eigenverantwortung, Code-Reviews und schrittweisen Auslieferung aufgebaut

Technologien: TypeScript, JavaScript, React, Node.js, Fastify, GraphQL, GraphQL Codegen, GraphQL Mesh, GraphQL Yoga, Hasura, Apollo Client, REST, CubeJS, PostgreSQL, Prisma, Elasticsearch, Meilisearch, Typesense, Kafka, Avro, Karapace, Kubernetes, Docker, Terraform, OpenTofu, Helm, Helmfile, GitLab CI, Keycloak, Better-Auth, OpenFGA, Nx, Vite, Vitest, Playwright, Testing Library, Storybook, Chromatic, Material UI, shadcn/ui, Tailwind, React Flow, recharts, i18next, Backstage, Grafana, Sentry, Zod, Claude Code, Codex, Mastra, Vercel AI SDK, Vercel AI Elements, AWS, Azure

Medikamendo: E-Health-Plattform für digitale Dauermedikation & Folgerezepte

• End-to-End-Umsetzung: UX-Konzeption, UI-Design und Frontend-Entwicklung für drei vernetzte Portale (Patienten, Praxen, Apotheken).
• AI-Prototyping: Effiziente Erstellung interaktiver Prototypen mittels Figma und GitHub Copilot.
• Design System: Aufbau und kontinuierliche Weiterentwicklung des einheitlichen Design Systems und der UI-Komponenten.
• Corporate Design: Pflege und Weiterentwicklung des einheitlichen Markenauftritts, Webseiten.

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

Markenübergreifendes Design System

Schwerpunkt: Ursachenanalyse wiederkehrender Layout-Abweichungen in Komponenten des Design Systems. Die Ursache lag in der Einbindung der visuellen Regressionstests (BackstopJS) in den Build- und Freigabeprozess: Abweichungen wurden nicht blockiert, Referenzbilder ohne Freigabe ersetzt.

Empfehlungen für einen abgesicherten Workflow mit verpflichtender Freigabe und Testergebnis als Merge-Voraussetzung. Mitarbeit am Nachfolgesystem auf Basis von Lit/Web Components.

Technologien: Lit, Web Components, SCSS, Gulp, BackstopJS, GitHub Enterprise, JFrog Artifactory

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

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

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

• Moss ist eine Plattform für Ausgabenmanagement für KMU, die Firmenkarten, webbasierte Anwendungen und Rückerstattungen, Kreditorenbuchhaltung/Beschaffung sowie fortgeschrittene Buchhaltung an einem Ort bündelt.
• Arbeitet in den Tribes Accounting, Spending und Growth und übernimmt Anforderungsanalyse, öffentliches Produktdesign, Programmierung, Tests, Fehlerbehebung und interne Anwendungen.
• Beteiligt sich an der Entwicklung und Wartung des Designsystems/UI-Kits und unterstützt Tools, Dokumentation und die Developer Experience.
• Entwickelt formularintensive Benutzeroberflächen, Bearbeitung über Drawer sowie hochdichte und robuste Tabellen mit serverseitigen Filtern, Seitennavigation, Spaltenkonfigurationen, CSV-/Excel-Export und Massenaktionen, alles mit Berechtigungen und Nachvollziehbarkeit durch Audit-Logs.
• Arbeitet mit komplexen Beziehungen zwischen Entitäten ohne eine einheitliche Schema-Lösung.
• Verwendet React, Redux Toolkit, styled-components, react-hook-form, React PDF, Vite, Lokalise, React Testing Library und Playwright.