Patrick Mayr
Patrick MayrSalzburg
Replies within 24 hoursStart a project
Tools · for agenciesevidenced in real projects

Your stack is my stack.

Etch, Bricks and Webflow on equal terms, with WordPress and Automatic.css as the foundation. Here is every tool I work with or have worked with, and what it means for your handover.

Start a project How I work with agencies
The corethree builders, equal weight
  • Builder
  • Builder
  • Builder
  • Platform
  • Design system

You get the site in the builder your team already knows. Other builders I take on when a site needs to move.

By job

Widely used, documented, explained at handover.

Nothing home-grown that only I understand. The numbers count live sites and projects where the tool actually runs.

01 · 6 tools

Builders & CMS

The site is built in the tool your team knows.

  • Etch4 live sitesMy main tool for new WordPress sites. Clean HTML, real classes, components with properties: your team finds its way around without training.
  • Bricks2 live sitesFor teams already working in Bricks. I build to the same conventions as in Etch, so a handover never hinges on my habits.
  • WebflowWhen your clients edit in Webflow: CMS collections, components, several languages. Changes go to staging first and live only after your OK.
  • WordPress7 live sitesThe platform under Etch and Bricks. Roles and permissions set up so your client edits content without touching the layout.
  • Elementor2 existing sitesI keep looking after older sites. If you want, I move them cleanly to Etch or Bricks, page by page.
  • ShopifyTheme development in Liquid, versioned on GitHub, when a shop is part of the project.
02 · 4 tools

Design system & motion

Named values, not one-offs. Motion in moderation.

  • Automatic.cssin every projectColours, spacing and font sizes as variables. The configuration lives in the project and is imported, not clicked together by hand.
  • FramesThe component library for Automatic.css. Proven components instead of custom builds when the timeline is tight.
  • GSAPself-hostedScroll and reveal effects, fast and restrained. Loaded from the site's own server, and switched off when visitors have asked for reduced motion.
  • Tailwind CSSIn my own web apps. Client sites stay on Automatic.css, so your team maintains one system, not two.
03 · 4 tools

Content, data & forms

Your client edits fields, not the layout.

  • Meta Box6 projectsCustom content types and fields for rooms, classes or portfolio entries. New entries appear in the finished design, without anyone moving blocks around.
  • Fluent Forms4 projectsThe form engine behind custom markup. Enquiries are stored in the database and sent by email to the right person.
  • WPCodeBoxin every Etch projectEvery piece of custom code as a named snippet, kept in the project. Nothing tucked away in a functions.php.
  • WPMLMultilingual WordPress sites, German and English for example, with properly linked language versions.
04 · 5 tools

SEO & analytics

Ready on launch day, measured after.

  • SEOPressdefaultTitles, descriptions, schema and sitemaps are in place on launch day, set through the API rather than page by page.
  • Rank Math3 live sitesOn existing sites I maintain what's already there. I only switch when it's worth it.
  • Search ConsoleOn a relaunch it shows which old pages bring in visitors. Those are exactly the ones that get a redirect.
  • Google Analytics6 live sitesTracking starts only after consent, tied to the site's cookie banner.
  • LighthouseRegular checks of load time and quality for the sites I look after, not just once before launch.
05 · 6 tools

Performance, hosting & compliance

Delivered fast, run properly.

  • WP Rocket5 live sitesCaching, deferred JavaScript, images loaded only when needed. Configured, then measured on the page as it is served.
  • PerfmattersdefaultStrips out what a site doesn't need: scripts that run nowhere, and APIs visitors have no reason to see.
  • Cloudflare3 live sitesDNS and protection in front of the site, where it makes sense.
  • HetznerServers in Germany. This site runs there, in the Falkenstein data centre.
  • xCloudThe control panel for my servers: sites, backups, SSL and staging in one place.
  • Complianz5 live sitesA GDPR cookie banner that loads services such as Analytics only after consent.
06 · 5 tools

Booking & integrations

What the business already uses, I connect rather than rebuild.

  • SetmoreClass booking for a Pilates studio, embedded in the site.
  • charlyOnline appointments for a beauty salon, straight from the salon software.
  • e-gumaGift vouchers for a country inn, sold through the provider's shop.
  • TrustindexGoogle reviews on the site, up to date and without retyping.
  • OpenStreetMapA map without Google, when directions matter and so does privacy.
07 · 5 tools

Process & QA

Easy for you to follow, checked before every sign-off.

  • My own production appsince October 2026Design rounds with pins right on the page, staging, handover and monitoring in one flow.
  • Playwrightbefore every sign-offChecks the served page at 1440 and 400 pixels: headings, alt text, overflow, console errors.
  • GitHubEvery project is under version control. You can see what changed and when, and you can have the repository too.
  • FigmaI read your designs there. My own designs I build straight in HTML, so your client sees how it really behaves.
  • ClickUpIf your tasks live there, I work in your board rather than starting a second list.
08 · 6 tools

Code & AI

My own tooling, so the routine goes fast and the care stays.

  • Claude Codesince March 2026My tool for building, migrating and checking. It works to fixed rules set in the project, and I check what it builds against the real render.
  • PHPWordPress hooks, custom APIs, small plugins. Written to be read, so your developer can follow them.
  • LaravelThe foundation of my production app, for tools that go beyond a website.
  • FilamentThe app's interface: clients, projects, rounds and pins.
  • PythonThe scripts behind my workflow: delivery, syncing, measuring.
  • DockerThe app's measuring workers in containers: Lighthouse and browser rendering, kept apart from everything else.
For agencies

More projects than people? I build under your name.

In your tools, to your conventions, tested and documented. Your client only ever sees you.

  • NDA before the briefing
  • Usually starting in 2–3 weeks
  • Fixed price, day rate or a block of days
For agencies