Portfolio

Meine Projekte

Webseiten und Anwendungen, die ich gestaltet und entwickelt habe. Hier siehst du den Auftritt, die Funktionen und bei Interesse auch die Technik dahinter.

Schwerpunkt
Schöne Webseiten mit eigenem Charakter
Ansatz
Schnelle Seiten und einfache Bedienung
Ergebnis
Passende Funktionen für dein Angebot und deinen Alltag

Webseiten & mein eigenes Produkt

Ausgewählte Projekte

Webseite, CMS & digitale AngeboteWebprojekt
Soulway Academy – persönliche Webseite mit eigenem CMS
Eine schöne, schnelle Webseite mit persönlicher Bildsprache, eigenem Design und einem CMS zum selbstständigen Pflegen der Texte.
Der persönliche Webauftritt verbindet Angebote und Blog mit Shop, Mitgliederbereich und Soulway TV: digitale Inhalte verkaufen, bereitstellen und Videos streamen.
Ausgangslage
Ein persönlicher Auftritt soll die Angebote klar vermitteln, leicht zu pflegen sein und mit Shop und digitalen Inhalten zusammenpassen.
Lösung
Individuelle Gestaltung, moderne Webtechnik und ein eigenes Text-CMS bilden die Grundlage. Shop und Mitgliederbereich sind auf das Angebot abgestimmt und angebunden.
Wirkung
- Persönliche Gestaltung mit großen Bildern und klarer Darstellung der Angebote.
- Seitentexte und Blogartikel im eigenen Admin pflegen und veröffentlichen.
- Soulway TV: Videos streamen, komfortabel trimmen und Schablonen automatisch erzeugen; Audio beim Upload optimieren.
- Digitale Angebote im Shop verkaufen und im Mitgliederbereich bereitstellen.
Ein Blick auf die Technik
Next.js
TypeScript
Tailwind CSS
Statischer Export
Eigenes CMS
Fastify
PostgreSQL
Video-Streaming
Next.js, TypeScript und Tailwind CSS bilden die individuell gestaltete Webseite. Texte und Blogartikel kommen aus dem eigenen CMS und werden statisch ausgeliefert; Design und Layout liegen im Frontend. Ein gemeinsames Fastify-Backend mit PostgreSQL verbindet Shop, Zahlungen und Mitgliederzugänge. Soulway TV ergänzt Video-Streaming mit komfortablem Trimmen und automatisch erzeugten Videoschablonen. Beim Upload wird auch die Audioqualität optimiert.
Webseite ansehen
Webseite & BuchungWebprojekt
Sandalia Domus – Webseite mit Apartmentsuche & Buchung
Eine einladende Webseite für Ferienwohnungen auf Sardinien – mit großen Bildern, übersichtlicher Apartmentsuche und direkter Buchung.
Gäste finden passende Unterkünfte, sehen Fotos und Ausstattung und prüfen die Verfügbarkeit. Dahinter unterstützt ein eigener Verwaltungsbereich den Vermieter bei Buchungen, Kalendern und der Pflege seiner Webseite.
Ausgangslage
Ferienwohnungen ansprechend präsentieren und Gästen die Suche und Buchung erleichtern. Gleichzeitig soll die Verwaltung für den Vermieter übersichtlich bleiben.
Lösung
Individuelles Webdesign und ein passendes Buchungs-Backend verbinden den sichtbaren Auftritt mit den täglichen Aufgaben der Vermietung.
Wirkung
- Apartmentsuche mit Filtern für Ort, Reisedaten, Preis und Personenzahl.
- Unterkünfte mit Fotogalerien, Ausstattung und Verfügbarkeiten ansehen und direkt buchen.
- Bilder selbst pflegen und Apartment-Texte automatisch übersetzen lassen.
- Buchungen und Kalender mit externen Plattformen wie Airbnb und Booking.com abgleichen.
Ein Blick auf die Technik
Next.js
TypeScript
Fastify
PostgreSQL
Redis
BullMQ
Eigenes CMS
KI-Übersetzung
Das Next.js-Frontend verbindet individuelle Gestaltung, mehrsprachige Inhalte und die Apartmentsuche. Das eigene Booking-Backend mit Node.js, Fastify und PostgreSQL verwaltet Verfügbarkeiten, Buchungen und Kalender. Redis und BullMQ übernehmen Caching und Hintergrundaufgaben. Externe Buchungsplattformen werden über die Channel-Anbindung synchronisiert. Ein eigenes CMS ermöglicht die Pflege der Website-Bilder; Apartment-Texte werden per KI ins Deutsche und Englische übersetzt.
Webseite ansehen
Newsletter & E-Mail-AutomatisierungMein eigenes Produkt
inviomail – mein eigenes Newsletter-System
Mein eigenes Produkt für Newsletter und E-Mail-Automatisierung – von der Gestaltung und dem Editor bis zur eigenen Versandtechnik entwickelt.
Am Strand kam mir die Idee, die Newsletter meiner Frau mit einer eigenen Lösung zu versenden. Aus technischer Neugier und konkreten Erfahrungen mit umständlichen Editoren und schlecht lesbaren mobilen E-Mails wurde inviomail. Heute wird das System bereits produktiv eingesetzt.
Ausgangslage
Der bisherige Editor machte das Schreiben unnötig schwer. Auf manchen Handys erschienen die Newsletter mehrspaltig und mit zu kleiner Schrift.
Lösung
Ich habe einen zugänglichen Editor, ein robustes E-Mail-Format und eine eigene Versand-Infrastruktur zusammen entwickelt. Automationen und Schnittstellen ergänzen das System.
Wirkung
- Newsletter komfortabel gestalten, Kontakte segmentieren und E-Mail-Abläufe grafisch aufbauen.
- Ein robustes E-Mail-Format für eine einspaltige, gut lesbare Darstellung auf dem Handy.
- Zustellung durch automatisches Anpassen des Versandtempos, Bounce-Handling und laufendes Monitoring unterstützen.
Ein Blick auf die Technik
Node.js
Fastify
Microservices
8 PM2-Prozesse
BullMQ
Redis Cache
PostgreSQL
Drizzle
TypeScript
Zod
DMARC Monitoring
Die Plattform basiert auf einer Node.js-/Fastify-Microservices-Architektur mit acht PM2-Prozessen beziehungsweise Komponenten. BullMQ und Redis übernehmen Queueing und Cache, PostgreSQL und Drizzle die Datenhaltung, TypeScript und Zod sichern Datenmodelle und Schnittstellen ab. Zusätzlich laufen ein vollautomatisches Provider-Throttling zum Schutz der IP-Reputation sowie eine automatische KI-Auswertung und Überwachung eingehender DMARC-Report-Emails der Provider.
Live ansehen Wie inviomail entstanden ist

Weitere Einblicke

Weitere Projekte

Online-Tests, Shops und eigene Anwendungen: Diese Projekte zeigen, welche zusätzlichen Möglichkeiten ich entwickeln kann.

Online-Test & KI-AuswertungProjekt
Verstrickungstest – interaktiver Test mit persönlicher Auswertung
Ein freundlich gestalteter Online-Test, der Schritt für Schritt durch die Fragen führt und eine persönliche Auswertung per E-Mail liefert.
Die klare Oberfläche macht das Beantworten einfach. Im Hintergrund werden die Antworten verarbeitet, mithilfe von KI ausgewertet und mit der E-Mail-Kommunikation verbunden.
Schritt für Schritt
25 Fragen
lokal gespeichert
Zwischenstand
persönliche Auswertung
Per E-Mail
Warum das Projekt wirkt
- Fragen Schritt für Schritt beantworten und den Test später fortsetzen.
- Nach zehn Fragen absenden oder alle 25 Fragen durchlaufen.
- Eine persönliche KI-Auswertung per E-Mail erhalten.
Mehr über Umsetzung und Technik
Next.js
TypeScript
Fastify
KI-Auswertung
E-Mail-Anbindung
Ausgangslage: Ein persönlicher Fragebogen soll angenehm zu bedienen sein und verständliche, individuelle Rückmeldungen ermöglichen.
Lösung: Eine übersichtliche Frageansicht mit vier Antwortmöglichkeiten und speicherbarem Zwischenstand verbindet sich mit der automatischen Auswertung im Backend.
Next.js und TypeScript bilden die interaktive Oberfläche. Entwürfe werden lokal gespeichert, sodass Nutzer den Test fortsetzen können. Nach zehn Fragen ist eine erste Abgabe möglich, insgesamt stehen 25 Fragen bereit. Das eigene Node.js-/Fastify-Backend ist in das Soulway-Shop-System integriert und verbindet strukturierte Antworten, KI-Auswertung und E-Mail-Abläufe. Die Abgabe ist mit dem Double-Opt-in-Prozess verbunden.
Test ansehen
KI-SystemProjekt
LUMIVOX Stimmanalyse
Ein KI-gestütztes Stimmanalyse-System, das Sprache auswertet und daraus psychologisch interpretierbare Reports erstellt.
LUMIVOX verbindet Audioprozessierung, Backend-Logik und einen KI-gestützten Dialog zu einer sensiblen, technisch anspruchsvollen Analyseplattform.
eGeMAPS-Merkmale
88
nach Analyse
0 Rohdaten
gehärtet betrieben
VPS
Warum das Projekt wirkt
- Übersetzt komplexe Stimmparameter in gut lesbare Reports.
- Kombiniert KI-Dialog mit wiederholter Messung für tiefere Mustererkennung.
- Reduziert Datenschutzrisiken durch konsequentes Löschen von Audio-Rohdaten.
Mehr über Umsetzung und Technik
React
Node.js
Express
MongoDB
Python
openSMILE
OpenAI Assistant
Ausgangslage: Audioanalysen müssen fachlich belastbar, datenschutzsensibel und für Nutzer trotzdem leicht verständlich bleiben.
Lösung: Die Plattform trennt Extraktion, Auswertung und Report-Erstellung sauber und löscht Rohdaten nach der Analyse.
Ein Python-Worker auf Basis von openSMILE extrahiert eGeMAPS-Merkmale aus Sprachaufnahmen. Das Node.js/Express-Backend verwaltet die Analysen, während ein OpenAI-Assistant die Daten in verständliche Reports übersetzt. Im Bewusstseins-Dialog werden während eines Interviews erneut Stimmparameter erfasst und in den Verlauf eingebunden.
Live ansehen
Kongress- & SaaS-PlattformSummitStage entdecken
Inhalte und Zeitplan
Eigenes CMS
für Interviews und Kurse
Streaming
Zugang zu gekauften Inhalten
Mitglieder
Kongress- & SaaS-PlattformProjekt
SummitStage – moderne Plattform für Online-Kongresse
Von der ersten Anmeldung bis zum Mitgliederbereich: eine eigenentwickelte Plattform, die Online-Kongresse, Video-Streaming und Vermarktung in einem durchgängigen Ablauf verbindet.
Veranstalter pflegen Speaker, Interviews, Workshops und Kongresspakete in einem eigenen CMS. SummitStage übernimmt die zeitgesteuerte Veröffentlichung, bereitet tägliche Newsletter vor und stellt Käufern ihre Inhalte im Mitgliederbereich bereit. Jeder Veranstalter arbeitet in seinem eigenen Mandanten mit individuellen Inhalten und Design.
Inhalte und Zeitplan
Eigenes CMS
für Interviews und Kurse
Streaming
Zugang zu gekauften Inhalten
Mitglieder
Warum das Projekt wirkt
- Pflegt Speaker, Zeitplan, Workshops und Boni zentral und verwendet die Inhalte auf Kongressseiten und im Mitgliederbereich weiter.
- Verarbeitet Video-Uploads zu adaptiven Streams und steuert die Freigabe der Interviews über den Kongresszeitplan.
- Erstellt tägliche Newsletter-Vorlagen und übergibt sie mit Speaker-Bildern und Interview-Links als Entwürfe an inviomail.
- Erzeugt Werbebanner in 16:9 und im Quadrat und versendet sie mit persönlichen Partnerlinks an die Speaker.
- Macht Klicks, Anmeldungen, Käufe und Umsätze je Speaker sichtbar und verbindet Paketverkäufe mit passenden Mitgliederzugängen.
Mehr über Umsetzung und Technik
Next.js
TypeScript
Fastify
PostgreSQL
Drizzle ORM
BullMQ
Redis
DASH / HLS
Cloudflare R2
MinIO
NGINX
Ausgangslage: Ein Online-Kongress verbindet viele bewegliche Teile: Speaker, zeitlich freigegebene Interviews, Newsletter, Paketverkäufe und Partnerlinks. Diese Abläufe müssen zusammenpassen und auch bei vielen gleichzeitigen Zugriffen zuverlässig funktionieren.
Lösung: Ein gemeinsames Datenmodell verbindet CMS, Programmplanung, Streaming und Verkauf. Statische Kongressseiten entlasten die Auslieferung; Hintergrundprozesse übernehmen wiederkehrende Aufgaben und Zugriffsrechte steuern den Mitgliederbereich.
Vier Next.js-Frontends bilden Marketingseite, Veranstalter-Administration, öffentliche Kongressseiten und Mitgliederportal ab. Eine gemeinsame Fastify-API mit TypeScript, PostgreSQL und Drizzle verwaltet Mandanten, Inhalte, Bestellungen und Zugriffsrechte. BullMQ und Redis koordinieren Hintergrundprozesse; öffentliche Kongressseiten werden pro Veranstaltung statisch gebaut und über NGINX ausgeliefert. Die Videopipeline verarbeitet Uploads zu adaptiven DASH-/HLS-Streams. Cloudflare R2 übernimmt die temporäre öffentliche Videoauslieferung, während Mitgliederinhalte in privatem MinIO-Speicher mit autorisierten Medienzugriffen liegen. Newsletter-Anbindungen an inviomail und KlickTipp sowie Zahlungsintegrationen mit Digistore24, CopeCart und Stripe ergänzen den Ablauf.
SummitStage entdecken
Shop & MitgliederbereichProjekt
Individueller Web-Shop mit Mitgliederbereich & Express-Checkout
Ein vollständig eigenentwickelter Shop mit schnellem Checkout, Magic-Links und einem robusten Mitgliederbereich.
Der Shop verzichtet auf Baukastensysteme und kombiniert Checkout, Mitgliederzugang und Zahlungslogik in einer sauberen Full-Stack-Architektur.
Zahlarten
4+
ohne Passwort
Magic Links
ohne Baukasten
Custom
Warum das Projekt wirkt
- Reduziert Abhängigkeiten von Shop-Baukästen und Plugin-Landschaften.
- Verbessert den Kaufprozess durch Express-Checkout und Wallet-Payments.
- Erhöht Komfort und Sicherheit durch passwortlose Magic-Links.
Mehr über Umsetzung und Technik
Next.js
TypeScript
Fastify
PostgreSQL
Drizzle
Zod
Stripe
PayPal
Ausgangslage: Standard-Shop-Systeme sind oft zu starr, zu schwer oder zu plugin-lastig für individuelle Membership- und Checkout-Prozesse.
Lösung: Die Plattform bildet Checkout, Authentifizierung und Mitgliederzugang direkt im Produkt ab und bleibt dadurch kontrollierbar und performant.
Next.js und TypeScript liefern die Oberfläche, während Fastify, PostgreSQL, Drizzle und Zod für klare Datenmodelle, Validierung und eine wartbare API sorgen. Neben Stripe, PayPal und Bankzahlung sind auch Express-Checkout sowie Apple Pay und Google Pay integriert.
Live ansehen
TerminbuchungProjekt
Selbst gehostetes Terminbuchungs-System
Eine eigenständige Terminbuchungslösung mit Mail-Automationen, Video-Links und voller Datenkontrolle.
Das System bringt den Komfort von Calendly in ein selbst gehostetes Produkt, das anpassbar, DSGVO-konform und langfristig unabhängig ist.
statt SaaS-Abo
1 System
inklusive
Multi-Calendar
frei definierbar
Custom Forms
Warum das Projekt wirkt
- Ersetzt externe Termintools durch eine eigene Infrastruktur.
- Vereinfacht Terminverwaltung für Solo-Unternehmer, Coaches und kleine Teams.
- Bleibt anpassbar für individuelle Buchungsprozesse statt SaaS-Defaults.
Mehr über Umsetzung und Technik
React
Node.js
REST API
MongoDB
CalDAV
Samsung Calendar
Thunderbird Calendar
Zoom
Teams
Ausgangslage: Viele Buchungstools sind bequem, aber teuer, eingeschränkt und datenrechtlich unattraktiv.
Lösung: Die Lösung bildet den kompletten Ablauf selbst ab und bindet externe Kalender und Videokonferenzen flexibel an.
Kunden buchen Termine in wenigen Schritten, erhalten gestaltete Bestätigungen und können Änderungen oder Stornos direkt über eigene Links verwalten. Gleichzeitig bleibt die Administration für Urlaube, Sperrzeiten und individuelle Felder zentral steuerbar.
Live ansehen