Manuel Mayrhofer.
Gestalter und Entwickler aus St. Georgen am Walde. Ich mache beides: das Aussehen und das Innenleben. Dass beides in einer Person zusammenfällt, ist der eigentliche Unterschied.
Angefangen hat es mit einer Frage, die mich nicht losgelassen hat: Warum sehen die meisten Websites gleich aus? Nicht ähnlich, sondern gleich. Dieselben Baukästen, dieselben Abstände, dieselbe Sprache. Und dahinter Unternehmen, die alles andere als austauschbar sind.
Also habe ich angefangen, es anders zu machen. Erst aus Neugier, dann als Handwerk, heute als metic. Ich entwerfe und entwickle in einer Person. Das heißt: kein Entwurf, der in der Umsetzung verwässert. Kein Programmierer, der ein Design falsch versteht. Was ich zeichne, baue ich auch, bis auf den letzten Pixel.
Der Name kommt von meticulous, detailversessen. Das ist kein Marketingwort, sondern eine Arbeitsweise: Ich verschiebe eine Kante um zwei Pixel, wenn sie um zwei Pixel falsch sitzt. Ich schreibe eine Funktion neu, wenn sie zwar funktioniert, aber nicht schön ist. Das kostet Zeit. Und es ist der Grund, warum die Ergebnisse anders aussehen.
Manuel Mayrhofer, Gründer von metic.
Ein Raum, ein Takt.
- Ein Raum. Jedes Studio beginnt mit vier Wänden und einem Fluchtpunkt. Meins steht in St. Georgen am Walde.
- Ein Tisch. Fenster nach Norden, Platten an der Wand, Licht von oben. Hier entsteht alles.
- Zwei Decks. Bevor ich Websites gebaut habe, habe ich aufgelegt: zwei Plattenteller, ein Pult, ein Gefühl für Timing.
- Zwei Boxen. Ein Übergang, der ein Achtel zu früh kommt, reißt die Energie ab. Niemand kann es benennen, alle spüren es.
- Musik. Genau dieses Gefühl steckt in jeder Bewegung dieser Seite: 200 Millisekunden entscheiden, ob etwas teuer wirkt oder billig.
- Ein Übergang. Aus dem Pult wird eine Oberfläche, aus dem Takt Bewegung. Dieselbe Hand, ein anderes Instrument.
- Eine Website. Was ich zeichne, baue ich auch. Und es läuft im Takt.
Geschichten
Was ein DJ und ein Entwickler gemeinsam haben
Beide arbeiten mit etwas, das man nicht sieht: Timing. Beim Auflegen entscheidet ein Achtel darüber, ob der Übergang trägt oder die Fläche leer wird. Im Web ist es dasselbe. Eine Animation, die 200 Millisekunden zu lang läuft, wirkt träge. Eine, die 100 zu kurz ist, wirkt hektisch. Niemand kann es benennen, aber jeder spürt es. Ich habe das Gefühl dafür hinter dem Pult gelernt, lange bevor ich es im Code gebraucht habe.
Der Zwei-Pixel-Abend
Es war kurz nach Mitternacht, das Projekt abgenommen, die Rechnung geschrieben. Und mir ist aufgefallen, dass eine Trennlinie im Fuß der Seite zwei Pixel zu tief saß. Zwei Pixel. Niemand hätte es je gesehen. Ich habe es trotzdem behoben, neu veröffentlicht und bin erst dann schlafen gegangen. Wer wissen will, was metic. bedeutet: Das ist es.
Warum ich Aufträge ablehne
Nicht jedes Projekt passt. Wer eine Website in drei Tagen für ein paar hundert Euro braucht, ist bei einem Baukasten besser aufgehoben, und ich sage das ehrlich. Ich nehme lieber wenige Projekte an und mache sie richtig, als viele und keines davon gut. Deshalb ist meine Kapazität begrenzt.
Mittwochs in der Halle
Seit 2025 stehe ich jeden Mittwoch als Nachwuchstrainer in der Tischtennishalle. Einem Kind einen sauberen Aufschlag beizubringen heißt, dasselbe zehnmal zu erklären, jedes Mal ein bisschen anders, bis es sitzt. Geduld und Genauigkeit: Mehr braucht auch eine gute Website nicht, nur eben beides.
Woran ich mich halte
- 01
Ehrlichkeit vor Auftrag
Wenn ein Projekt bei mir keinen Sinn ergibt, sage ich das. Auch wenn es mich den Auftrag kostet.
- 02
Fertig heißt fertig
Keine Baustellen nach dem Livegang, kein „das machen wir später". Was übergeben wird, ist vollständig.
- 03
Geschwindigkeit ist Respekt
Eine langsame Website verschwendet die Zeit Ihrer Kunden. Ladezeit ist für mich kein Feature, sondern Anstand.
- 04
Zugänglich für alle
Kontraste, Tastatur, Screenreader. Eine Website, die manche aussperrt, ist keine fertige Website.
Der Stapel.
Womit ich arbeite, von oben nach unten: vom Sichtbaren bis zu dem, worauf alles läuft.
- 01SichtbarkeitTechnisches SEO · Core Web Vitals · Fotografie · Conversion
- 02GestaltungUI/UX Design · Designsysteme · Art Direction · Motion Design · Figma
- 03EntwicklungTypeScript · React · Next.js · Node.js · GSAP · WebGL · Tailwind CSS · Three.js · Angular · Java · C# · Swift
- 04Systeme & BetriebPayload CMS · PostgreSQL / SQLite · Docker · VPS & Deployment · Domains, DNS & E-Mail · Stripe · SAP ERP
Der Weg bis hierher.
- 2020Ausbildung
HTL Perg, Softwareentwicklung
HTL Perg
Fünf Jahre technische Ausbildung: objektorientierte Programmierung, Web und Mobile, Datenbanken, Netzwerktechnik, Projektmanagement. Abschluss 2025 mit Matura.
- 2022Arbeit
Praktikum IT und Entwicklung
CADS Additive
Recherche und Prototyp einer Datenanzeige auf dem Raspberry Pi. Schnittstellen programmiert, Aufgaben in Jira geführt.
- 2023Arbeit
Praktikum Softwareentwicklung
Pflichtpraktikum
Ein Lagerverwaltungssystem von Grund auf, dazu Automatisierungen in VBA.
- 2024Ausbildung
SAP-Zertifikat
SAP
Ein Jahr SAP-Kurs, Schwerpunkt ERP-Kernmodule und wie Geschäftsprozesse ineinandergreifen.
- 2025Meilenstein
1. Platz beim P@bs Award
P@bs Award, HTL Perg
Für die iOS-App HABAU GROUP Map als bestes Projekt ausgezeichnet, dazu die Sonderauszeichnung für die höchste wirtschaftliche Anwendbarkeit.
- 2025Arbeit
Zivildienst
Therapiezentrum Waldhausen
Neun Monate mit beeinträchtigten Kindern, dazu Organisation im täglichen Betrieb. Juli 2025 bis März 2026.
- 2025Meilenstein
Nachwuchstrainer Tischtennis
ASKÖ St. Georgen am Walde
Mannschaftskapitän im Verein, und seit 2025 jeden Mittwoch Trainer der Kinder.
- 2026Meilenstein
metic. gegründet
metic.
Ein Studio für Design und Software, eine Person. Die ersten Arbeiten: die Vereinsseite mit Live-Daten und die Website der Tierarztpraxis Dimbach.
Lernen wir uns kennen.
Ein Kaffee vor Ort oder ein Gespräch online. Unverbindlich, aber genau.