Responsive Web Design Experts

IT consulting, analysis, architecture design, new and further development, code review, test automation, continuous integration, continuous delivery in backend and frontend areas for Automotive Project Instavalo.

Frontend:

• Implementation of UI components according to specifications, especially style guides and responsive design eith React and Typescript
• Component testing
• Code documentation
• CI/CD with Gitlab Pipeline

Backend / IoT:

• Analysis and architectural design with AWS Greengrass IoT on Edge Devices
• Setting up Microservices containers with Docker Compose on Edge device with AWS Greengrass and AWS IoT IAM, Token Exchange Service, Ansible
• CI/CD with Gitlab Pipeline, Terraform, AWS ECR
• Logging with Fluentbit Lua Language for AWS Cloudwatch
• Python Lambda for AWS Greengrass Recipe deployment on Edge Devices
• Implementation of test-driven development with JUnit, Mockito, and code Coverage
• Jacoco
• Definition of REST interfaces with OpenAPI / Swagger
• Development and enhancement of software based on Java Quarkus, Typescript NestJs NodeJs and Python
• Authentication and authorization in Aws IAM
• Development of REST and gRPC interfaces for the frontend and backend
• Implementation of Maven dependencies with DevSecOps OWASP
• Spring AI, Jetbrains AI Assistant, Junie, Github Copilot, Claude Code, Agents, Skills, Command, Hooks, Subagents

• 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 multiple 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 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 foundation for several international brands and rollouts.

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

• Led the end-to-end delivery of enterprise full-stack web applications by driving requirement analysis, solution design, frontend and backend development, database design, API integration, code reviews, team coordination, Agile execution, CI/CD deployments, production support, performance optimization, security implementation, and stakeholder collaboration to deliver scalable, high-quality software solutions.

July 2024 - June 2025

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

Oskar Oldorf (project lead): "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."

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

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

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

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

• Development of new simulator features and extension of existing modules using C++.

• GUI design and implementation with Qt for Windows, including redesigns to improve usability and workflow.

• Maintenance and expansion of existing codebase: refactoring, bug fixes, and modularization to support new capabilities.

• Version control using Git.

• Performance optimization of simulation to meet real-time constraints.

• Creating and maintaining documentation: technical comments, design docs, API references and user manuals.

• Led a redesign that improved operator workflow and reduced task completion time.

• Extended simulator architecture to support multiple new scenario types while preserving backward compatibility.

• Implemented refactoring and modularization that simplified maintenance and accelerated feature delivery.

• Technologies: C++03, Qt4.6, QMake, Git, V-Model, Windows