Zum Hauptinhalt springen

Portfolio & Projekte

Eine kleine Auswahl meiner Projekte aus den Bereichen Webentwicklung, Design und digitaler Innovation.
Featured Project

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.

ROTA Consulting
Beta Phase · Eigenes Produkt

Galaland

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

Galaland
Alpha · Eigenes Produkt

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.

Screeny
Portfolio

Weitere Projekte

  • DERPart Unternehmernetzwerk

  • The Moon Records

  • Gartenkultur

  • Logic Moon

  • Rosenberg Ayurveda

  • Kitz Concierge

6 von 18 Projekten

Frontend Development

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

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

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

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

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.

Easter Egg

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:

Nach dem Spiel kannst du deinen Score in der Hall of Fame eintragen, anonym, kein Account nötig.

Hall of Fame
Top 5
#1
#2
#3
#4
#5

Schaffst du es in die Topliste?

Tobias Lorsbach - Freelance Webentwickler aus Mainz, Wiesbaden, Frankfurt und Rhein Main

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.

20+Jahre Code & Design, IT und KI
100+Erfolgsgeschichten
∞Tassen Kaffee
Playground

Webdesign Experimente

Hier experimentiere ich mit verschiedenen Hero-Designs und modernen Webdesign-Konzepten.

Gallery image
Gallery image
Gallery image
Gallery image
Gallery image
Gallery image
Gallery image