Kundenstory · John Pavulon

„Was früher eine Woche dauerte, dauert jetzt ein paar Abende.

John wusste genau, wie sich BarthMoney anfühlen sollte. OpenDesign lieferte in Sekunden visuelle Ideen in Produktionsqualität — und ein ausgearbeitetes, benutzbares Interface, das er in Code überführen konnte.

In Minuten
eine stimmige visuelle Richtung als Ausgangspunkt
60–70%
weniger Zeit fürs UI-Prototyping
In Tagen
um die zentrale UI-Richtung nach Flutter zu bringen
Nach Feierabend

Jeder Abend, an dem Abstände geschoben wurden, war ein Abend, an dem die App nicht vorankam.

John arbeitet in Creative Direction und visuellen Systemen, nicht hauptberuflich in Software. Nach dem Tagesjob richtet er dieses visuelle Gespür auf eigene, praktische Apps. Damit zählt jede Stunde.

BarthMoney begann mit einer klaren Haltung: Persönliche Finanzen sollten sich ruhig und unmittelbar anfühlen. Die Alternativen, die John sah, waren entweder wuchernde Tabellen oder mit Werbung zugestellt. Er wollte eine fokussierte Mobile-App, in der das Erfassen einer Tagesausgabe schnell, klar und ablenkungsfrei ist.

John wusste, das Interface brauchte, was er „eine Seele“ nennt. Die Wand war, diese Richtung in ein stimmiges, baubares Mobile-UI zu verwandeln. Eine leere Figma-Leinwand oder ein direkt in Code geschriebenes UI kann ganze Abende in Farben, Abständen und Ausrichtung verschlingen, bevor sich am Produkt selbst irgendetwas bewegt hat.

Auf eine leere Figma-Leinwand zu starren oder UI-Layouts von Grund auf in Code zu schreiben, dauert ewig, wenn man nach Feierabend allein arbeitet.
John Pavulon · Solo-Entwickler
Der erste Durchbruch

Ein Prompt wurde zu einer visuellen Sprache, auf der er aufbauen konnte.

John begann mit Gefühl und Zweck des Screens: „ein modernes Dark-Mode-Ausgaben-Dashboard mit Kategorieübersicht.“ Das Ergebnis war nicht nur ein hübsches Dashboard. Es legte dunkle Flächen fest, Gold-Akzente, die Hierarchie der Beträge und zwei getrennte Wege für KI-gestützte und direkte Eingabe.

Drei vollständige Zustände aus dem interaktiven BarthMoney-Prototyp: Dashboard, KI-gestützte Ausgabenbestätigung und Offline-Schnellerfassung
Aus Johns öffentlichem interaktiven Prototyp: Dashboard, KI-gestützte Bestätigung, Offline-Schnellerfassung.
Die Arbeitsweise

Aus dem Mockup wurde eine Spezifikation, nach der er bauen konnte.

John lässt nicht einen Agenten das Produkt von A bis Z erfinden. Er gibt jedem Werkzeug eine klare Aufgabe und behält die Produktentscheidungen bei sich.

01 · AbsichtDas Gefühl beschreiben.

Zweck, Hierarchie, Stimmung und Randbedingungen des Screens entstehen zuerst in normaler Sprache.

02 · OpenDesignSichtbar machen.

John verfeinert das generierte HTML und CSS, bis das Interface eine stimmige Richtung hat.

03 · SystemDie Referenz festzurren.

Komponenten, Abstände, Farben und Hierarchie werden zur gemeinsamen visuellen Spezifikation.

04 · Cursor + FlutterDas Produkt bauen.

Die Struktur wird in Johns Codebasis zu modularen Widgets und Anwendungslogik.

OpenDesign führt das InterfaceJohn führt das Produkt
Workflow rekonstruiert aus Johns eigener schriftlicher Schilderung.
Jenseits des polierten Screens

KI ist optional. Bestätigung nicht.

Das Stärkste an BarthMoney ist nicht die Zahl der Screens. Es sind die Entscheidungen, die sie verbinden: wann Automatisierung hilft, wann sie sich heraushalten sollte, und was das Produkt verspricht, bevor jemand etwas eingegeben hat.

KI-gestützt

Vorschlagen, dann fragen.

Der Chat erkennt Ausgabe, Kategorie und Wechselkurs — die letzte Bestätigung bleibt beim Nutzer.

Offline zuerst

Ein direkter Weg bleibt offen.

Quick Add funktioniert ohne KI und ohne Cloud-Konto, weil Tempo und Privatsphäre mehr zählen als Automatisierungstheater.

Erste Nutzung

Der leere Zustand gibt ein Versprechen.

Noch bevor Daten da sind, erklärt BarthMoney, was lokal bleibt, und bietet eine unmissverständliche erste Aktion.

Mehrschrittige Flows und geteilter State kosten weiterhin mehr Arbeit — genau der Teil, den John sich als Nächstes von OpenDesign einfacher wünscht.

Was sich geändert hat

Knapp waren nie die Ideen. Knapp war ununterbrochene Zeit.

John schätzt, dass OpenDesign seine UI-Prototyping-Zeit um 60–70 % gesenkt hat. Aus einer Woche visuellem Herumschrauben wurden ein paar Abende, und die zentrale UI-Richtung war wenige Tage nach der ersten Idee bereit für Flutter.

Der Gewinn war nicht nur Tempo. Er gab einem, der nach Feierabend baut, genug visuelle Sicherheit, um aufzuhören, ums Interface zu kreisen, und zu dem zurückzukehren, was nur er tun kann: zu entscheiden, was BarthMoney werden soll.

BarthMoney blieb kein Einzelfall. John hat auch das Portfolio, in dem die Arbeit heute liegt mit OpenDesign gestaltet — noch eine Art, eine visuelle Richtung in etwas Konkretes zu verwandeln.

Das Fazit
„Wenn du Solo-Entwickler oder Indie-Hacker ohne eigenen Designer bist, ist OpenDesign dein unfairer Vorteil.
— John Pavulon, Solo-Entwickler · „Damit du dich aufs Bauen und Ausliefern konzentrieren kannst.“
P.S. · Baut immer noch nach Feierabend
Johns lokal laufender BartX-Builder mit einem Cyberpunk-Experiment für eine Landingpage
Johns Bildunterschrift war schlicht: „mein Nebenprojekt lol.“ BartX, lokal laufend, ist ein weiterer Blick auf die eigenwilligen, sehr spezifischen Interfaces, die er nach Feierabend immer weiter baut.
Jetzt du

Hol das Interface aus deinem Kopf — und in den Build.

OpenDesign ist kostenlos, quelloffen und läuft auf deinem eigenen Rechner mit deinen eigenen Keys.

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows