Sabala Studios

Mit Claude gebaut

Echte Webseiten.
Echte Kunden.
Echte Ergebnisse.

Ich führe ein kleines Studio, das Premium-Webseiten und KI-Systeme für Gründer und kleine Teams baut. Jedes Projekt auf dieser Seite wurde mit Claude und Claude Code entworfen und gebaut, der KI von Anthropic, von der ersten Architektur-Entscheidung bis zum finalen Deploy. Echte Kunden, echte Arbeit, alles live im Einsatz.

Zehn Projekte · alle im Einsatz

// ausgewählte arbeiten

Von der Webseite bis zum Agenten, von Anfang bis Ende.

Webseiten & Plattformen

Premium-Auftritte und Plattformen, live bei echten Kunden.

KI-Studio · eigene Marke

Sabala Mentoring: KI-Studio & Akademie

Herausforderung: Ein Ein-Personen-KI-Studio, das drei Dinge macht (Webseiten, Co-Development, eine KI-Akademie), auf einer einzigen Startseite zeigen, ohne dass der Besucher den Faden verliert.
Wie Claude geholfen hat: Die ganze Seite mit Claude Code gebaut: Solar-System-Hero mit React Three Fiber, Sales-Page für die KI-Akademie, Lead-Pipeline in Turso libSQL, Scroll-Choreografie mit Lenis. Architektur, Texte und Code in derselben Schleife geprüft.
Ergebnis: Live auf sabala-mentoring.com. Die KI-Akademie-Sales-Page mit zwei ausverkauften Durchgängen gestartet, plus aktive Lead-Pipeline über das Kontaktformular ins eigene Dashboard.

Claude Code
Next.js 16
React Three Fiber
Turso

Webseite ansehen

Coaching · B2B

Stefanie Lommel: Begleitung für Familienunternehmen

Herausforderung: Eine breite Beratungspraxis auf eine klare Positionierung zuspitzen: Wandelbegleitung für Familienunternehmen, bevor Wandel zur Krise wird. Die alte Seite klang nach allgemeinem Coach, nicht nach Spezialistin.
Wie Claude geholfen hat: Mit Claude parallel an Positionierung, Stimme, Seitenstruktur und Schema.org-Auszeichnung gearbeitet. Dieselbe Claude-Session ging vom Interview-Transkript bis zur Live-Seite in einem Fluss, mit Text-Iterationen aus der eigenen Sprache der Kundin.
Ergebnis: Live auf dielommel.de mit strukturiertem Person-, Organisations- und Service-Schema, klarer Zwei-Schritt-Einstieg (15-Min-Call, 90-Min-Session), ab Tag eins indexierbar. Sie bekommt jetzt Anfragen von genau ihren Wunschkunden.

Claude
Next.js
Schema.org
Editorial design

Webseite ansehen

Lead-Generierung · B2B international

Vega Leads: Lead-Radar für Vertriebsteams

Herausforderung: Vega Leads verkauft etwas Unsichtbares: tägliche Recherche statt Software. Die Seite muss in Sekunden klar machen, dass hier kein Tool-Abo und kein Datenbank-Export verkauft wird, sondern geprüfte Firmen mit Ansprechpartner und wählbarer Nummer. Zielgruppe sind Chatbot- und KI-Automation-Agenturen weltweit, also musste alles zweisprachig funktionieren.
Wie Claude geholfen hat: Positionierung, Texte und Seite mit Claude Code in einem Fluss gebaut: der Hero als Erde aus dem Orbit, eine Scan-Animation, die das tägliche Suchen sichtbar macht, und die zentrale Gegenüberstellung von 400 Leads zum Wegscrollen gegen 40 Leads zum Anrufen. Sprachumschaltung Englisch und Deutsch, Anfrage-Formular direkt in die eigene Datenbank.
Ergebnis: Live auf vegaleads.ai, zweisprachig, mit klarer Ansage im ersten Screen: dein Closer soll anrufen, nicht googeln. Anfragen von der Seite landen direkt im eigenen System, statt in einem Posteingang zu versanden.

Claude Code
Zweisprachig
Motion
Vercel

Webseite ansehen

Cybersecurity · B2B-Vertrieb

Max Maute: Vertriebssystem für Cybersecurity

Herausforderung: Cybersecurity verkauft sich nicht über Erklärungen: Der Wunschkunde glaubt, sicher zu sein, und sagt später. Die Seite muss die Gefahr erlebbar machen, statt sie zu beschreiben, und den Fünf-Schritte-Vertrieb (Brief, QR-Code, Video, E-Mail, Anruf) tragen.
Wie Claude geholfen hat: Positionierung, Texte und Seite mit Claude Code in einem Fluss gebaut: die Klick-Mechanik als Scroll-Erlebnis inszeniert, NIS2-Pflicht und Ernstfall als zwei Einstiege erzählt, dazu Rechner und Erstgespräch-Funnel.
Ergebnis: Live auf cyber-sales.de. Die Pilot-Kampagne erreichte 20 Prozent Scan-Rate, und das Angebot ist zu 100 Prozent erfolgsbasiert positioniert.

Claude Code
Next.js
Sales-Page
B2B

Webseite ansehen

Agent-OS-Systeme

Dashboards und Agenten, die täglich echte Arbeit übernehmen.

KI-Operations-Dashboard, built with Claude

05Internes Projekt

Internes Tool · Agenten-System

KI-Operations-Dashboard

Herausforderung: Ein Ein-Personen-Studio in Agentur-Größe führen: Leads, Content-Pläne, Finanz-KPIs und laufende Agenten-Jobs an einem Ort, ohne zehn SaaS-Tools zu abonnieren.
Wie Claude geholfen hat: Über mehrere Wochen mit Claude Code gebaut. Next.js-16-Dashboard, MOONI-Sprachassistent (Whisper + FastAPI), Pinterest-Content-Plan, MCP-Integrationen mit Notion, Pinecone und einem selbst gehosteten LLM-Stack. Claude hat den Code geschrieben und war gleichzeitig die Agenten-Laufzeit.
Ergebnis: Ersetzt einen Stapel einzelner Tools. Leads von der öffentlichen Seite laufen direkt rein, Sprachanfragen treffen einen eigenen Whisper-Dienst, Content-Pläne und Agenten-Jobs leben auf derselben Fläche. Aktuell täglich im Einsatz.

Claude Code
MCP
Whisper
Next.js 16
FastAPI

Intern · keine öffentliche URL

Webseiten-Analytics: Alle Seiten in einer Sicht, built with Claude

06Internes Projekt

Internes Tool · Self-hosted Analytics

Webseiten-Analytics: Alle Seiten in einer Sicht

Herausforderung: Eigene Seiten und Kundenseiten beobachten, ohne Google Analytics und ohne zehn Tabs: Besucher, Top-Seiten, Suchbegriffe und Blog-Performance gehören in eine Ansicht, datenschutzfreundlich und ohne Abo.
Wie Claude geholfen hat: Mit Claude Code gebaut: selbst gehostetes Umami für Besucher-Daten, Google Search Console über OAuth angebunden (Keywords, Seiten-Performance), Bing Webmaster für die KI-Suche, alles im eigenen Dashboard mit Blog-Leaderboard.
Ergebnis: Eigene Projekte und Kundenseiten laufen in derselben Ansicht. Suchbegriffe fließen täglich rein, der Blog zeigt, welche Artikel wirklich arbeiten, und alle Daten bleiben auf dem eigenen Server.

Claude Code
Umami
Search Console
Self-hosted

Intern · keine öffentliche URL

Lead-Gen-Systeme

Systeme, die täglich passende Kunden finden und bewerten.

Vega Leads: Das Lead-Radar hinter der Seite, built with Claude

07Internes Projekt

Eigenes Produkt · Agenten-System

Vega Leads: Das Lead-Radar hinter der Seite

Herausforderung: Ein Verkäufer verbringt den halben Tag mit Recherche, bevor er telefoniert. Gekaufte Listen sind veraltet und sagen nichts darüber, ob eine Firma das Problem überhaupt hat. Gebraucht wird kein weiteres Tool-Abo, sondern jeden Morgen ein kleiner Stapel Firmen, bei denen sich der Anruf nachweislich lohnt.
Wie Claude geholfen hat: Mit Claude Code als Signal-Engine gebaut: Jede Nische bekommt eine Signatur, nach der gesucht wird, etwa Firmen ohne Live-Chat-Widget. Der Agent findet, prüft und bewertet täglich, normalisiert Telefonnummern und legt alles in ein Cockpit mit Chancen-Radar, Funnel und Freigabe-Workflow. Läuft lokal mit eigener Datenbank, jeder Kunde streng getrennt.
Ergebnis: Das System hinter vegaleads.ai. Der Verkäufer sieht morgens einen geprüften Stapel statt einer Namensliste, jeder Lead trägt seinen Score und die Begründung, und aus jedem Web-Audit wächst der Chancen-Radar mit. Die Daten bleiben auf dem eigenen Rechner.

Claude Code
Signal-Engine
libSQL
Firecrawl

Intern · keine öffentliche URL

Fleur: Lead-Agent für Automotive, built with Claude

08Internes Projekt

Live-Chat-Service · Automotive B2B

Fleur: Lead-Agent für Automotive

Herausforderung: Fleur bietet Autohäusern einen Live-Chat-Service und brauchte täglich frische, passende Händler-Leads im DACH-Raum, ohne teure Lead-Datenbanken zu abonnieren und ohne jeden Morgen selbst zu recherchieren.
Wie Claude geholfen hat: Mit Claude Code als lokalen Research-Agenten gebaut: findet täglich Autohäuser, bewertet sie gegen ihr Wunschkunden-Profil, erklärt jeden Score und lernt aus Verwerfungen. Dashboard mit Freigabe, Excel-Export und täglichem Selbst-Check, alles auf ihrem eigenen Mac.
Ergebnis: Seit Juli 2026 bei Fleur im täglichen Einsatz. Der Agent läuft mit lokalem Modell praktisch kostenlos, sie passt das Wunschkunden-Profil selbst an, und freigegebene Leads gehen direkt in ihre Ansprache.

Claude Code
Agent
Ollama
Firecrawl

Intern · keine öffentliche URL

Weitere Use Cases

Werkzeuge und Experimente, die den Alltag leichter machen.

Open Source · macOS-App

Mooni Voice: Deine Stimme wird Text

Herausforderung: Diktieren sollte überall funktionieren, auch im Terminal und in Claude Code, ohne Abo, ohne Konto und ohne dass die Stimme in eine Cloud wandert.
Wie Claude geholfen hat: Fork einer Open-Source-Diktier-App, mit Claude Code zur eigenen Mac-App ausgebaut: lokale Modelle (Parakeet, Whisper), gehärtetes Download-Formular, Produktseite und Release-Pipeline über GitHub.
Ergebnis: Kostenlos verfügbar, läuft 100 Prozent lokal auf Apple Silicon und ist Teil der eigenen täglichen Arbeit, vom LinkedIn-Posteingang bis zum Terminal.

Open Source
Lokale KI
Whisper
Parakeet

Webseite ansehen

Second Brain 2.0: Wissen, das antwortet, built with Claude

10Internes Projekt

Wissenssystem · Lokale KI

Second Brain 2.0: Wissen, das antwortet

Herausforderung: Fast 1.400 Markdown-Notizen aus Business und Projekten sind nur so viel wert, wie sie beim Arbeiten helfen: Wissen soll in Millisekunden auffindbar sein und auf Zuruf antworten, ohne dass eine Cloud mitliest.
Wie Claude geholfen hat: Mit Claude Code als mehrschichtiges System gebaut: deterministisches Retrieval ohne Modell im Suchpfad, ein JARVIS-Cockpit im Dashboard mit Schicht-Ringen für Apps, Routinen, Memory und Skills, dazu lokale Stimme: diktieren, Enter, und die Antwort wird vorgelesen.
Ergebnis: Täglich im Einsatz: Wissensfragen beantwortet das System in Sekunden aus den eigenen Notizen, komplett lokal mit Ollama und neuronaler Stimme, und jede Claude-Session bekommt das passende Vorwissen automatisch zugespielt.

Claude Code
Ollama
Piper TTS
Markdown

Intern · keine öffentliche URL

Kundenstimme
Stefanie Lommel
Organisationsentwicklerin & Coach für Geschäftsführer

Du willst eine Webseite mit KI?

Lass uns über dein Projekt sprechen.

Kontakt aufnehmen

Echte Webseiten.Echte Kunden.Echte Ergebnisse.

Von der Webseite bis zum Agenten, von Anfang bis Ende.

Webseiten & Plattformen

Sabala Mentoring: KI-Studio & Akademie

Stefanie Lommel: Begleitung für Familienunternehmen

Vega Leads: Lead-Radar für Vertriebsteams

Max Maute: Vertriebssystem für Cybersecurity

Agent-OS-Systeme

KI-Operations-Dashboard

Webseiten-Analytics: Alle Seiten in einer Sicht

Lead-Gen-Systeme

Vega Leads: Das Lead-Radar hinter der Seite

Fleur: Lead-Agent für Automotive

Weitere Use Cases

Mooni Voice: Deine Stimme wird Text

Second Brain 2.0: Wissen, das antwortet

Lass uns über dein Projekt sprechen.

Was ist dein Wunsch?

Echte Webseiten.
Echte Kunden.
Echte Ergebnisse.