Portfolio & Projekte
Scrollt nach unten für einige meine Apps, Games, Webdesign-Experimente und CodePen-Spielereien.
ROTA Consulting
Corporate Website für ROTA Consulting, eine Beratung für Digitalisierung und KI im Finanzsektor. Seit Launch 140% mehr Bewerbungseingänge über ein selbst gehostetes Karriereportal, ganz ohne LinkedIn oder externe Plattformkosten. Dazu ein eigenes System für Referenzprojekte, das echte Fallstudien mit Ausgangslage, Herausforderung und Lösung zeigt, inklusive Presseerwähnung im Spiegel und einer interaktiven Live-Demo zu einem europäischen Patent. Das eigenständige Design System dahinter sorgt dafür, dass das alles aussieht wie ROTA, nicht wie eine von tausend anderen Beratungswebsites.

Galaland
Wachstumssystem für Garten- und Landschaftsbau-Betriebe: automatisierte Lead-Vorqualifizierung und ein 60-Sekunden-Bewerbungsprozess, der Fachkräfte wirklich erreicht.

Screeny
Für jedes neue Projekt brauchte ich wieder Screenshots und Mockups, von Hand gemacht, in Photoshop zusammengebaut, bei jedem Gerät von vorn. Also habe ich Screeny gebaut: URL eingeben, und innerhalb von Sekunden bekommst du einen echten Browser-Screenshot oder ein KI-generiertes Device-Mockup für Mobile, Tablet und Desktop, direkt zum Download.

Weitere Projekte

DERPart Unternehmernetzwerk

The Moon Records

Gartenkultur

Logic Moon

Rosenberg Ayurveda

Kitz Concierge
6 von 18 Projekten
UI/UX und Microfrontends
Einige meiner UI/UX und Micro-Frontend Projekte mit Fokus auf der Umsetzung von Benutzererfahrung und modernes Design und Barrierefreiheit.

Hamburger Volksbank, Jahresrückblick 2025
Vollständige Landingpage für den Jahresrückblick 2025 der Hamburger Volksbank, entwickelt im Auftrag der Agentur MMM. Die Seite ist als Microfrontend in Vue.js und TypeScript umgesetzt und läuft im Atruvia Content Manager. Das Herzstück: durchgängig scrollbasierte Animationen, die Inhalte lebendig machen, kombiniert mit Vollbild-Slidern, kompakten Mini-Slidern und einem durchdachten Responsive-Verhalten über alle Breakpoints.

Hausbank München, imveon.de
Landingpage für die Hausbank München, umgesetzt als isolierte Vue Web Component im Atruvia Content Manager. Die Komponente läuft vollständig entkoppelt in einem Angular-Host-Umfeld und liefert eine moderne, markenkonforme Präsenz, responsive über alle Breakpoints und barrierefrei nach WCAG 2.1.

VB Lüneburg-Heide, Maßgeschneiderter Header
Individuelles Header-Microfrontend für die Volksbank Lüneburg-Heide, entwickelt im Auftrag der Agentur MMM. Der Baustein läuft als isolierte Web Component im Atruvia Content Manager und ersetzt den Standard-Header durch eine maßgeschneiderte Lösung mit drei Navigationsebenen, integrierter Suche mit Verlauf, Schnelleinstiegen und Echtzeit-Vorschlägen sowie vollständig responsivem Verhalten für Mobile, Tablet und Desktop, barrierefrei nach WCAG 2.1.

VB Mittlere Oberpfalz, Employer Branding Header
Header-Komponente für die Volksbank Mittlere Oberpfalz, entwickelt im Auftrag der Agentur MMM. Der komplexe Baustein läuft im Atruvia Content Manager, der zentralen Banking-Plattform für Volksbanken und Raiffeisenbanken, und ist in einem Angular-Umfeld mit Vue.js und Tailwind CSS umgesetzt. Der Fokus lag auf einer modernen Employer-Branding-Präsenz, die sich nahtlos in das strikt regulierte Ökosystem der Banken-IT integriert, mit vollständiger WCAG 2.1-konformer Barrierefreiheit.
Code Invaders
Weil ein Portfolio ohne Easter Egg keines ist: Ich habe ein kleines Space-Invaders-Klon direkt in die Seite eingebaut. Entwickelt in Vanilla JavaScript, vollständig im Browserl lauffähig. Kein Plugin, kein Framework.
Normalerweise versteckt hinter dem Konami-Code ↑ ↑ ↓ ↓ ← → ← → B A oder einfach hier:
Das Spiel ist nur in der Desktop-Version verfügbar. Auf einem Computer geht's los.
Nach dem Spiel kannst du deinen Score in der Hall of Fame eintragen, anonym, kein Account nötig.
Schaffst du es in die Topliste?
GitHub & Mini-Projekte
Bandcamp Cover Designer
Bandcamp-Artist eingeben, Cover-Collage in Sekunden generieren, 8 Layouts, Bento-Mode, PNG-Export 1080×1080. No account required.

Codebase-RAG
Code-Retrieval-Augmented-Generation System mit Chroma und Anything LLM für intelligente Codebase-Analyse. Ermöglicht semantische Code-Suche und KI-gestützte Dokumentation.
Freelancermap Match Crawler
Python-Crawler für Freelancermap zur automatischen Projekt-Analyse. Filtert und analysiert passende Freelance-Projekte.
llm-code-streamer
Python-Tool zum Sammeln von Code-Dateien in eine einzelne Textdatei, optimiert für die Nutzung mit Large Language Models (LLMs).
Hey, ich bin Tobias!
Seit über 20 Jahren verwandle ich Kaffee in Code, aus meinem Hauptquartier in der Mainzer Altstadt. Ich baue Websites, Landingpages und Web-Apps, die schnell laden, bei Google gefunden werden und aus Besuchern Anfragen machen.
Dazu kommt: KI-gebauten Code auf Sicherheit und DSGVO prüfen, Barrierefreiheit, und SEO, das auch bei ChatGPT funktioniert, nicht nur bei Google.
Bei mir gibt es keine Überraschungen. Du weißt vorher, was es kostet und was passiert, du siehst während der Arbeit, wie dein Projekt entsteht, und am Ende gehört es dir. Wie das genau abläuft, steht offen auf meiner Website. So arbeite ich →
Mehr Anfragen über deine Website? Einen KI-Prototypen absichern? Schreib mir. Du sprichst immer direkt mit mir, nicht mit einem Account Manager.
Webdesign Experimente
Hier experimentiere ich mit verschiedenen Hero-Designs und modernen Webdesign-Konzepten.


















