Portfolio & Projekte

Eine kleine Auswahl meiner Projekte aus den Bereichen Webentwicklung, Design und digitaler Innovation. Von Microfrontends, Landingpages, Webseiten über Shop-Systeme bis hin zu komplexen Applikationen.

Scrollt nach unten für einige meine Apps, Games, Webdesign-Experimente und CodePen-Spielereien.

Projekte ansehen

Featured Project

DERPart Unternehmernetzwerk

Enterprise WordPress-Lösung für das DERPart Unternehmernetzwerk, entwickelt mit einem eigenen Design-System-Framework. Die Website präsentiert ein genossenschaftliches Franchise-Modell für unabhängige Reisebüros und verzichtet komplett auf WordPress-Plugins und Page-Builder. Stattdessen setzt sie auf ein maßgeschneidertes Tailwind CSS Framework, das für maximale Performance und Sicherheit optimiert wurde. Die Entwicklung erfolgte mit DDev in einer lokalen Docker-Umgebung. Features umfassen ein integriertes Cal.com Terminbuchungssystem, AJAX-basierte Formularverarbeitung und eine responsive Video-Hero-Sektion mit intelligenter Preload-Strategie.

WordPress Tailwind CSS Custom Framework DDev Performance Responsive Design Cal.com Integration Google Tag Manager

Projekt ansehen

Portfolio

Weitere Projekte

The Moon Records

The Moon Records ist mein eigenes Ambient-Label — und ein Referenzprojekt. Kein Template, kein Page-Builder. Sondern von Grund auf neu entwickelt: eine eigenständige Datenschicht, ein CSS-Token-Design-System, ein selbst gehostetes PocketBase-Backend, Admin-Dashboard, Newsletter mit Double Opt-in, personalisiertes Promo-System mit Download-Tracking und eine vollautomatische Deployment-Pipeline via GitHub Actions, ArgoCD und Kubernetes. Alles aus einem Guss.

Astro.js Vue 3 TypeScript PocketBase Docker Kubernetes ArgoCD Design System Self-Hosted GitOps

Gartenkultur

Enterprise Angular-Lösung für die Schweizer Gartenbau-Manufaktur Gartenkultur AG. Die Website präsentiert professionelle Gartengestaltung mit über 60 Referenzprojekten und kombiniert modernes Frontend-Design mit einem hochperformanten Backend-System. Entwickelt mit Angular und TypeScript, basiert die technische Architektur auf einem eigenen Framework mit Redis als Datenbankschicht und einem Vue.js-basierten Dashboard für Content-Management. Die Seite integriert Google Maps für zwei Standorte, ein vollständiges Kontaktformular und eine umfangreiche Referenz-Galerie. Das Design nutzt Tailwind CSS mit einer minimalistisch-modernen Ästhetik und großformatigen Hero-Images.

Angular TypeScript Tailwind CSS Redis Backend Vue.js Dashboard Custom Framework Google Maps API Responsive Design Performance

Logic Moon

Logic Moon ist mein Projekt und ein Showcase für das, was beim Webdesign wirklich möglich ist, wenn man es richtig angeht. Kein Template, kein Baukastensystem. Sondern eine Website, die sich wie ein Kurzfilm anfühlt: cineastischer Videohintergrund, ein Glitch-Effekt auf dem Titel und Animationen, die Inhalte sanft ins Bild fließen lassen.

Astro.js Vue 3 TypeScript PocketBase Docker Kubernetes ArgoCD Design System Self-Hosted GitOps

Rosenberg Ayurveda

Für Rosenberg Ayurveda wurde ein vom Kunden beauftragtes Figma-Design pixelgenau in einen vollständigen E-Commerce-Shop überführt. Jede Linie, jeder Abstand, jede Farbnuance aus dem Design wurde 1:1 in sauberem HTML5 und SCSS umgesetzt — kein Page-Builder, kein Kompromiss.

HTML5 SCSS Figma Bootstrap Responsive Design

Kitz Concierge

Kitz Concierge wurde mit höchsten Ansprüchen an Design und Funktionalität in Figma entworfen und anschließend in HTML und Tailwind CSS umgesetzt und mit dem Sitegenerator Astro in seine Form gegossen. Die Anspruch war es, eine Webseite zu erstellen, die sowohl optisch als auch funktional auf höchstem Niveau ist und einen sehr hochwertigen Eindruck vermittelt, der Kunden aus dem Hochpreis-Umfang ansprechen soll. Dies ist mit Bravour gelungen. Als Hosting wurde Google Cloud verwendet.

HTML CSS JS Jamstack Figma Astro.JS Google Cloud Python GSAP TailwindCSS

Getucated App

Innovative Bildungs-App, entwickelt mit dem Ionic Framework, React und TypeScript, die komplexes Allgemeinwissen in sieben Kernbereichen vermittelt: Geschichte, Philosophie, Religion, Architektur, Kunst, Literatur und Fortschritt. Die App zeichnet sich durch eine interaktive Wissensmatrix aus, die wichtige Entwicklungen über sechs Epochen von der Antike bis zur Gegenwart visualisiert. Mit über 600 Bildern, einer integrierten Quiz-Funktion und regelmäßigen Wissens-Updates bietet die staatlich zertifizierte Lern-Plattform ein "Studium Generale im Mini-Format". Eine maßgeschneiderte PHP-Konvertierungsschnittstelle ermöglicht nahtlose Inhaltsintegration. Die App ist sowohl als kostenlose Lite-Version als auch als Pro-Version für iOS und Android verfügbar.

Ionic React TypeScript iOS Android

Catrice Metaface, Augmented Reality App

Innovative Augmented-Reality-Anwendung, die exklusiv für den renommierten Kosmetikhersteller Catrice entwickelt wurde. Diese fortschrittliche App revolutioniert das Online-Shopping-Erlebnis im Beautybereich: Kunden können verschiedene Makeup-Produkte und komplette Beauty-Looks in Echtzeit virtuell an ihrem eigenen Gesicht testen. Durch die fortschrittliche AR-Technologie wird eine realistische Vorschau der Produkte ermöglicht, was die Kaufentscheidung wesentlich erleichtert. Nach der virtuellen Anprobe können die ausgewählten Produkte direkt und bequem im integrierten Catrice Online-Shop bestellt werden. Die Kombination aus modernster Technologie und benutzerfreundlichem Design macht das Makeup-Shopping zu einem interaktiven und personalisierten Erlebnis.

Vue Tailwind OpenAR Google Cloud

Linktree Web Widget

Speziell für den Einsatz auf sozialen Plattformen wie Instagram entwickelt, bietet das Web-Widget ein benutzerfreundliches und ansprechendes Design. Die Integration einer API (Headless CMS) erlaubt es Kunden, den Inhalt des Widgets schnell und einfach zu aktualisieren. Die Linktree-App kommt mit Firebase Realtime Database-Unterstützung und Firebase-Authentifizierung und wird auf der Google Cloud Platform (GCP) in Cloud Run gehostet.

Vue.js Tailwind Firebase GCP

Neuraxis Dashboard

Ein komplexes Webframework, das aus einem Mono-Repo eine erweiterbare Applikationsschnittstelle schafft. Die Grundlage bildet Vue.js in Kombination mit Tailwind CSS auf einem Webpack Bundler. Das Backend der Anwendung wird durch eine Python API gebildet, die von einer redis-Datenbank unterstützt wird.

Vue.js Python Flask Tailwind Redis

Sprachelernen

Eine Lernplattform, die Schülern aus der ganzen Welt die Möglichkeit bietet, Sprachen zu lernen. Die Plattform nutzt WordPress und Learndash für interaktive Lernmaterialien, Übungen und Tests. Verfügbar in Deutsch und Französisch.

WordPress LearningManagement Learndash

BO1 Albatros

Umsetzung einer Sketch-Vorlage für WordPress mit modernsten Webentwicklungstechnologien wie JavaScript für Lottie-Animationen. Ein agiles Projekt in Zusammenarbeit mit Albatros Frankfurt.

WordPress JavaScript Lottie Elementor

Zuerizahnie

Entwicklung eines individuellen WordPress Themes mit Bootstrap und Elementor-Integration. Das Projekt erforderte die Verschmelzung von bestehendem Frontend-Code mit Elementor-Funktionalitäten.

WordPress PHP Bootstrap Elementor

GSP Steuern

Website für eine Steuerberatungskanzlei, basierend auf WordPress und dem DIVI-Framework. Design wurde von Adobe XD in ein funktionales Theme übertragen.

WordPress DIVI Adobe XD

IIHD

Ein umfangreiches Content-Portal für das Institut für Internationales Handels- und Distributionsmanagement, realisiert mit WordPress und eigenen PHP-Komponenten.

WordPress PHP DIVI Content Portal

Vintage Revivals

Eine moderne WordPress-basierte Website für eine Design- und Handwerkskunst-Marke.

WordPress Bootstrap

Restposten24

Deutschlands größtes Handelsportal für Restposten. Komplette Backend- und Frontend-Entwicklung in PHP, mit Elasticsearch-Integration und umfangreicher SEO-Optimierung.

PHP MySQL Bootstrap Elasticsearch

Medinform

Ein umfangreiches WooCommerce-Shopsystem mit individuellen Anpassungen und optimiertem Bestellprozess.

WordPress WooCommerce PHP

Alpha · Neues Tool

Screeny —
Perfekte Mockups in Sekunden.

Ich enwickele gerade eine neue App und du kannst live dabei sein:
URL eingeben, generieren, fertig. Echte Screenshots oder KI-generierte Device-Mockups für Mobile, Tablet und Desktop. Direkt zum Download oder Uploaden auf Google-Drive.
Schau in der offenen Dev-Phase vorbei. Es wird später ein SaaS.

Echter Chrome-Browser KI-Mockups via Gemini Mobile · Tablet · Desktop Google Drive Upload Cookie-Banner Auto-Skip Kostenlos in der Alpha

screeny.tobeworks.de

Alpha · Kostenlos · Kein Account erforderlich

Screeny ausprobieren →

Noch in der Alpha-Phase — Feedback willkommen.
hi@tobeworks.de

    ▀▄▀▄▀
   ▄█▀█▀█▄
  █ █████ █
   ▀ ▀ ▀ ▀

    ▀▄▀▄▀
   ▄█▀█▀█▄
  █ █████ █
   ▀ ▀ ▀ ▀

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

Schaffst du es in die Topliste?

Open Source

GitHub & Mini-Projekte

GitHub Profile

Featured Project

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.

Python

Updated recently

View Repository

# Initialize RAG system

from codebase_rag import CodebaseRAG

rag = CodebaseRAG(

path='./my-project',

provider='chroma'

)

# Query codebase

results = rag.query(

'authentication logic'

)

llm-code-streamer

Python-Tool zum Sammeln von Code-Dateien in eine einzelne Textdatei, optimiert für die Nutzung mit Large Language Models (LLMs).

Python

WooCommerce AI Products

WordPress Plugin das OpenAI (GPT & DALL-E) nutzt, um Demo-Produkte für deinen WooCommerce Store zu generieren.

PHP

Code Invaders

Code Invaders - Easter Egg Browser Game. Ein retro-inspiriertes Space Invaders Spiel als interaktives Easter Egg.

JavaScript

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

Hey, ich bin Tobi! 👋

Als der sympathische Macher hinter Tobeworks verwandle ich seit über zwei Jahrzehnten Kaffee in Code – und das ziemlich erfolgreich. Von meinem Hauptquartier in der Mainzer Altstadt aus baue ich Auftritte, die schnell laden, bei Google auftauchen und Besucher in Kunden verwandeln. Musik mache ich übrigens auch.

Meine Mission? Websites, die nicht nur gut aussehen, sondern auch richtig was drauf haben. Quasi der Dreiklang aus Form, Funktion und "Boah, endlich mehr Anfragen!" 🚀 Ob knackige Landingpage oder komplexer Webauftritt – ich bring dein Business ins digitale Rampenlicht.

Aber genug von mir: Du willst mehr Kunden über deine Website? Super! Du arbeitest direkt mit mir – nicht mit einem Account Manager, nicht mit einem Junior-Team. Klare Kommunikation, feste Preise, keine Überraschungen. Lass uns das anpacken!

20+ Jahre Code & Design

100+ Erfolgsgeschichten

∞ Tassen Kaffee

Lass uns quatschen! ☕️

Playground