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

• Used OpenCode and AI-assisted software engineering to design, implement, refactor, test, and document an end-to-end RAW/SDTM/ADaM pipeline in R for Dr. Falk Pharma (07/2026), including metadata-driven transformations, automated validation rules and QC, traceability, and reproducible clinical outputs.

• 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

Co-founded a software agency building custom web and cross-platform products. I owned the technical decisions across the whole portfolio and led 12 people, while carrying delivery planning, process and client relationships for 11 clients across 3 industries.

• Technical leadership: owned the technical decisions for the codebase across every project — stack, architecture, code conventions and the tooling the team worked with — and led the developers on how work got built through code reviews, pair programming and mentoring across a team ranging from junior to senior, keeping the codebase coherent as the portfolio and the team grew

• Delivery planning against the financial plan: built the company's financial plan and derived from it the billable hours each developer had to reach per month and the hours each project could absorb to stay within budget; planned capacity and scope against those figures and negotiated budgets and delivery dates directly with clients

• Client ownership: technical contact across the portfolio — requirements gathering and prioritisation, scoping and estimates, timeline communication, budget negotiation, and consistent transparency throughout delivery

• Team and people: owned the hiring and interview process end to end and took responsibility for offboarding where it was needed; designed an onboarding that got new developers productive within 1–2 days; cleared blockers daily and kept a close eye on where effort was creating value and where it was not

• Process ownership: consolidated a micro-service landscape spread over 15+ repositories into a single monorepo, cutting backend development time by ~40% and simplifying releases for 6 engineers; set up deployment pipelines with GitHub Actions and GitLab CI; ran retrospectives and turned the feedback into concrete changes; introduced AI agents into day-to-day development

• Delivered short-staffed: when the team shrank from 8 developers to 2, restructured scope, introduced AI-assisted development to hold the schedule and took on Go backend work alongside my own frontend scope

• Architecture and code: defined the architecture for every project in the portfolio — the structure the rest of the team built within — and wrote roughly 90% of the frontend code myself, from SSR applications with Next.js and Remix to cross-platform apps with Capacitor

• From zero to production: took a practice management platform — administration, inventory, integrated online shop, chat messenger — from an empty repository to production. Live in 7 markets with at least 7 more coming up, serving tens of thousands of users

• Delivery under pressure: built and shipped a replacement online shop for a Fortune 250 client in 4 days, restoring order intake while their global shops had been offline for several weeks

• Design system: built a cross-project design system used across 7 products, so new projects and features started from a shared, consistent base

• Cross-platform and real-time: built iOS and Android apps with Capacitor for a client live event with 1,000+ participants — web sockets and push notifications for real-time content, Stripe payments supporting PayPal, Apple Pay, Google Pay and cards

Key technologies: 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

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.

• Developed a React and TypeScript dashboard with reusable UI components and API-driven data visualization.
• Implemented dynamic data rendering, state management, and performance-focused frontend architecture.
• Integrated Python-based backend services for processing and visualizing SEO analytics.

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

• New development and further development of frontend interfaces for investors, using HTML5, JavaScript, CSS, React, Material UI, and JSTL

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