Responsive Web Design Experts in Germany

• Designed role-based delivery assignment workflows, switchable between own fleet and partner carriers, with traceable status chains from „pending“ to „in delivery.“
• Designed AI-assisted route optimization, where dispatchers review drive-time-optimized route suggestions as drafts and apply them in one click.
• Designed a central planning interface for delivery and route management, bringing table view, map view, and route composition into a single workflow.
• Built interactive prototypes to align new product features early with stakeholders and engineering.

Key methods: AI-assisted Product Design, Workflow Design, Role-Based Workflows, Dashboard Design, Interaction Design, Prototyping, Logistics/Operations UX, Stakeholder Collaboration

• Spearheaded efforts to enhance product consistency and achieve significantly better usability, ensuring a more intuitive experience
• Partnered with the founders to define a new go-to-market strategy through product discovery
• Directed the process of creating a new company website from concept and wireframes to design and final implementation in Webflow
• Responsive Webdesign
• WCAG
• Corporate Branding
• Product Discovery
• MVP
• Product Design
• User Experience
• Rapid Prototyping

• Designing the audit logging framework
• Implementing APIs for developers to integrate in their codebase
• Implementing ingestion pipeline, database query layer and UI for browsing the audit events
• Improving stability and reliability of the backend system

Project for a leading German email and cloud service provider: As Senior Frontend Developer and Technical Web Architect, I developed an international, multi-tenant white-label consent management layer for several brands.

Main tasks:

• Architecture and implementation with Vue 3, TypeScript, and Vite
• Development of automated tests with Vitest and Playwright
• Creation of brand-specific CMP configurations, CSS themes, i18n structures, and vendor settings
• Implementation of the playout and initialization logic as well as backend integration
• technical decision support, project and code documentation

Impact: Replacement of external CMP solutions with a reusable and long-term maintainable in-house base for several international brands and rollouts.

Technologies: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.

• UX and product strategy
• digital transformation
• digital brand strategy
• customer experience platforms
• stakeholder workshops
• design leadership

Project: Neura Belden BHVA (Belden HI vision Virtual Assistance)

• Translated AI agent concepts into 4 distinct user workflows (General, Redundancy, Network, VLAN agents).
• Designed 6 game-changing features with technical specifications: Predictive Issue Resolution, Cost Optimization Engine, Compliance Automation, Cross-Agent Orchestration, Knowledge Transfer Mode, Root Cause Analysis 2.0.
• Contributed reusable UX patterns and lightweight standards for experimentation-first AI environment: single-file HTML/CSS/JS prototypes, semantic accessibility, responsive grid layouts, and clear component structure enabling rapid future POC iterations.
• Translated early AI concepts into intuitive user workflows and interaction models for 4 specialized agents, focusing on clarity, trust-building, and progressive disclosure to surface complex AI capabilities.
• Documented design trade-offs in accessible language for non-designers.

July 2024 - June 2025

• Accessibility expert in UI/UX design, WCAG testing, and consulting for the Accessibility Improvement Act
• Creation of an internal accessibility guide

Oskar Oldorf (Project Manager): "I had the pleasure of working with Patricia for over a year on a project focused on ensuring digital accessibility for the online presence of a company in the financial services sector. During that time, I got to know her as a dedicated, detail-oriented, and highly skilled colleague.

Patricia was responsible for independently conducting gap analyses and worked directly and efficiently with key stakeholders. Her role centered on assessing compliance with the BFSG and providing strategic guidance to editorial teams on creating accessible content.

What I particularly appreciated about Patricia was her ability to think beyond the status quo and bring fresh perspectives to the table. She combines strong subject matter expertise with a keen eye for detail and a structured, thorough approach. Her input often sparked valuable discussions and helped us move our work forward in meaningful ways.

I can wholeheartedly recommend Patricia—especially for roles where precision, strategic thinking, and a high standard of quality are essential."

• Created impactful brand designs for "ALAIQ" and "Digitale Kollegen", including logos, brand guidelines, and over 100 digital, print and video promotional materials aligned with target audience preferences. Trained colleagues on brand guidelines, increasing team efficiency by 30%.
• Designed a memorable and trust-enhancing website interface. Created a configurator that helps visitors obtain a profile of their new digital colleague while simultaneously providing the company with client contact information, increasing customer flow from website by 30%. Successfully led a team of developers.
• Developed a unique system for interacting with a digital colleague through text messages. Conducted usability user research to identify and resolve issues and shortcomings during the design stage. This improved customer satisfaction and increased their willingness to use the product.
• Created the design for a promo website for conducting training seminars. Designed a user-friendly learning platform, which increased positive feedback and repeat usage of the platform. Successfully led the development process, releasing the product in a short deadline of 3 weeks.

• Senior engineering across multiple concurrent client projects.
• Built a mail client and offer wizard for a B2B parcel-delivery companies CRM.
• Built a custom web-component for distributing construction-material catalogs to dealer networks.
• Pair hands-on engineering with active architecture and product feedback.

• Developing a product vision and strategy

• Creating a roadmap

• Improving stakeholder communication

• Introducing an outcome-oriented roadmap

• Aligning with stakeholders and creating transparency

• Defining relevant product metrics as a KPI tree

• Initiating measures to improve product quality and measurability

• Supporting the introduction and migration of the new Identity Provider (IDP)

• Designing and developing responsive, accessible web applications for SMEs and private clients with React.js, Tailwind CSS, JavaScript, and HTML5.
• Building reusable UI component libraries to improve maintainability and reduce development time.
• Integrating REST APIs and implementing dynamic features (landing pages, portfolios, dashboards) based on Figma/Adobe XD designs.
• Independently managing the full project cycle (analysis, development, testing, deployment on Netlify/Vercel) while following mobile-first and cross-browser standards.

• Moss is a spend-management platform for SMEs that bundles corporate cards, web-based applications and reimbursements, AP/procurement and advanced accounting in one place.
• Splits time across Accounting, Spending and Growth tribes, handling requirements gathering, public product design, coding, testing, debugging and internal apps.
• Participates in development and maintenance of the design system/UI kit and supports tooling, documentation and developer experience.
• Builds form-heavy UIs, drawer-based editing, high-density/resilient tables with server-side filters, pagination, column configurations, CSV/Excel export and bulk operations, all wired for permissions and auditability.
• Works with complex cross-entity relationships without a single-schema solution.
• Uses React, Redux Toolkit, styled-components, react-hook-form, React PDF, Vite, Lokalise, React Testing Library and Playwright.

Professional Certification in AI Product Design - focusing on Human-AI Interaction, AI powered product experience and integrating generative AI into the product design process. Developing skills in AI Prototyping, Prompt Engineering, AI UX Patterns for the next generation of digital products.

• Billing software for the second-highest security authority of the Federal Republic of Germany
• Passed security clearance level 2
• Frontend and backend development
• Consulting on the introduction, design, implementation, and development of technical components
• Code reviews, component testing, module testing, group module testing
• Implementation of UI/UX design
• Used technologies: HTML, CSS/SCSS, JavaScript, Node.js, Vue 3, PrimeVue, Webpack, Vuex, Momentum, Jest, NPM, Lodash, Java 17, Spring Boot, Lombok, GraphQL, JUnit, Maven, Keycloak, Python, Docker, CI/CD, Kubernetes, Oracle SQL, Postman, Storybook, Microservices, Monorepo, Jira, Confluence, Scrum, GitLab, AWS, IntelliJ, Visual Studio Code, Neovim, XLSX, responsive Webdesign, BITV 2.0 (U.S. Section 508) / WCAG 2.2