Responsive Web Design Experten in München

• 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

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

• Erstellung und Betreuung von Websites mit Framer und WordPress
• Umsetzung von responsiven Designs, Landingpages und laufender CMS-Pflege
• Optimierung von Performance, User Experience und SEO-Basics
• Gestaltung digitaler und Print-Materialien (Social Media, Marketing, Branding)

• Selbstständige und freiberufliche Projekte und IT-Dienstleistungen
• Konzeption und UX Design / Webdesign / Grafikdesign
• Kreatives, innovatives, responsives und barrierefreies Design für Webseiten und Landingpages
• Realisierung von Designs / Webseiten und Landingpages mit WordPress sowie WordPress-Multisite-Installationen und -Anwendungen
• Wartung und Pflege von WordPress-Webseiten
• WordPress-Pagebuilder: Elementor, WP Bakery, Gutenberg u.a. je nach Theme und Projektanforderung
• Mehrsprachigkeit - WordPress - Plugin WPML
• Performance-Optimierungen
• SEO-Analysen, technisches SEO und SEO-Onpage-Optimierungen
• SEO-Audits, SEO-Analysen und Auswertung, SEO Keyword Finding
• Software-Kenntnisse: Adobe Creative Cloud, Photoshop, InDesign, Illustrator, Adobe XD, Office und weitere Tools

Aufgabe

• Weiterentwicklung eines neuen ERP-Systems mit Blazor
• Erzeugung von E-Rechnungen mit den Formaten XRechnung und Zugferd
• UI/UX-Design Client-Server-System
• Windows 11 Technologie
• Microsoft .NET 9, Git, Azure DevOps, ASP.NET, MSSQL, Blazor Programmiersprachen
• C#, MVVM Entwicklungstools
• Microsoft Visual Studio .NET 2022 Datenbank
• MSSQL Branche
• Sonstige

• Entwicklung einer barrierefreien, responsiven Website auf Basis von Figma-Designs für ein großes Sportevent unter Einhaltung von WCAG, BITV und EN 301 549
• Technische Planung und Aufbau des Toolstacks mit Vite, Playwright, Docker und GitLab CI
• Mitarbeit an zwei bestehenden Projekten (Vue.js & Nuxt), mit Fokus auf Bugfixing, Accessibility-Audits und Entwicklung neuer Features
• Zusammenarbeit mit Design und QA zur konsequenten Umsetzung barrierefreier UI-Patterns
• Beratung zur Verbesserung bestehender Frontend-Architekturen in Bezug auf Barrierefreiheit, Performance und Wartbarkeit

• B2B: Konzeptionelle Projektentwicklung der Produktionssoftware im Bereich ViGuide (Web), ViGuideMobile und HMI.
• Überarbeitung der Informationsarchitektur, UX Konzeption für neue und bestehende Funktionen.
• UX-Forschung.
• UI-Geschäftsanalyse: Analyse und Konzeption bestehender UI- und UX-Strukturen sowie Validierung vorhandener Interaktions- und Designkonzepte im Abgleich mit fachlichen, technischen und nutzerbezogenen Anforderungen.
• Durchführung von UI/UX-Workshops, Ableitung konsistenter UI-Konzepte sowie Erstellung von Wireframes, Click-Dummies und Prototypen zur Entscheidungsfindung und Umsetzung in enger Abstimmung mit Stakeholdern, UX und Entwicklung.
• Barrierefreiheit nach BITV/WCAG (Analyse, Konzeption, Umsetzung).
• Einsatz von KI zur Unterstützung von UX-Analyse, Mustererkennung in Research-Daten sowie zur Beschleunigung von Konzeptentwicklung und Prototyping.
• Nutzerzentriertes Design, Usability-Engineering, Agiles Arbeiten (Scrum), UX-Analyse, Konzeption, Wireframing, Prototyping, DIN EN ISO 9241-110/210, User Journeys, Personas, Interaktionsdesign, Benutzerführung und Informationsarchitektur.
• Interviews remote/vor Ort, Testplanung, Moderation, Dokumentation von UX-/UI-Konzepten und -Empfehlungen, Jira, Confluence, Miro, Workshops zu UX/UI (Anforderungsanalyse, UI-Abstimmung, Design-Reviews).
• Figma (Mockups, Wireframes, Design, Konzeption), Axure und ProtoPie (Prototyping mit niedriger und hoher Detailtreue), Confluence, Jira, MS Office, Miro, Maze.
• Quantitative Forschung: Usability- und Prototyping-Tests mit Maze (remote), Umfragen (Maze).
• Qualitative Forschung: moderierte Interviews, Auswertung, Ableitung von Handlungsempfehlungen.

• Konzeption und Umsetzung einer Laravel-Backend-API für anbieterbasierte Geo-Suche, Feature-Details, Boundary-Geometrien und Nachbarschaftsermittlung.
• Die API dient als serverseitige Proxy-, Cache- und Anreicherungsschicht, schützt Zugangsdaten externer Geodienste und speichert Features, Lokalisierungen, Geometrien, Hierarchien und Nachbarschaftsbeziehungen persistent in MariaDB.
• Schwerpunkte waren Normalisierung von Autocomplete- und Feature-Daten, Cache-Strategien für teure Boundary-/Polygonabrufe, Spatial-Verarbeitung von GeoJSON- und MultiPolygon-Geometrien sowie Nachbarschaftsermittlung über Hierarchien, Bounding-Box-Filter und Topologieprüfungen.
• Ergänzend entstanden getrennte Produktiv- und Diagnoseendpunkte, Status- und Fehlerkataloge, Discovery-Protokollierung, Docker-Entwicklungsstack, API-Dokumentation sowie Unit- und Feature-Tests.
• Technologien: PHP 8.3, Laravel, REST API, Geodaten-API, GeoJSON, MariaDB Spatial, Eloquent, Laravel Queues, PHPUnit, Mockery, Docker, Docker Compose, API-Design, Geocoding, Boundary-Daten, Spatial Queries.

• Entwerfen einer Sprach-zu-Text-KI-Anwendung (basierend auf dem Whisper-Modell) für den kommerziellen Einsatz.
• Durchführung von Markt-, Wettbewerbs- und Nutzerforschung zur Unterstützung strategischer Geschäftsentscheidungen und zur Abstimmung der Produktziele auf Nutzerbedürfnisse.
• Entwicklung der visuellen Identität des Startups und Leitung des UX/UI-Designs in enger Zusammenarbeit mit den Gründern und Entwicklern zur Gestaltung der Produktvision.
• Anwendung technischer Kenntnisse auf CSS-Ebene zur Überprüfung und Bewertung der Frontend-Implementierung, um eine genaue Designumsetzung sicherzustellen.

• Zusammenarbeit in einer Community von Unternehmern zur Bekämpfung der Klimakrise
• Förderung von eigenen Klimaschutzaktionen und Forderung besserer Gesetzgebung
• Zielsetzung: Eine CO₂-neutrale Digitalindustrie und Vorbildfunktion für andere Branchen