SaaS · Neubau einer Anwendung · unter NDA / NDA-Projekt

Neubau einer Finanzanwendung für weniger manuelle Fehler

Finance SaaS (under NDA) project screenshot

Kontext

Das bestehende Werkzeug verwaltete Finanz-Abonnements, beruhte aber stark auf manueller Dateneingabe, und zwar genau dort, wo Software, die mit Geld arbeitet, sich Fehler nicht leisten kann. Der Kunde wollte einen modernen, typsicheren Neubau, der es schwer macht, Fehler schon an der Quelle zu begehen.

Herausforderung

In Finanzsoftware ist eine falsch eingetippte Zahl kein kosmetischer Fehler, sondern ein echtes Problem. Der Neubau musste von Grund auf manuelle Eingabefehler verringern, durchgängig typsicher bleiben und barrierefrei sein, und dabei ein sauberes Datenmodell halten, während es wächst.

Umfang

Was ich gemacht habe

  1. 01Ich war für die Frontend-Architektur der neu gebauten Anwendung verantwortlich.
  2. 02Ich habe Datenverarbeitung und UX gezielt darauf ausgelegt, manuelle Eingabefehler zu verringern.
  3. 03Ich habe eine barrierefreie Oberfläche gebaut, die reale Anforderungen an die Nutzbarkeit erfüllt.
  4. 04Ich habe End-to-End-Tests ergänzt, die kritische Finanzabläufe schützen.

Wichtige Entscheidungen

Wichtige Entscheidungen

  1. 01

    Durchgängige Typsicherheit: TypeScript, tRPC und Prisma

    Ein typisierter Pfad von der Datenbank bis zur UI sorgt dafür, dass ganze Klassen von Eingabe- und Integrationsfehlern schon beim Build abgefangen werden, bevor sie die Finanzen des Kunden berühren.

  2. 02

    UX, die Fehler verhindert, statt sie nur abzufangen

    Felder, Validierung und Ablauf wurden danach geformt, wie Menschen tatsächlich Fehler machen. So sinkt die Chance, dass falsche Daten überhaupt ins System gelangen.

  3. 03

    E2E-Tests auf den Abläufen, auf die es ankommt

    Kritische Finanzpfade sind durch automatische End-to-End-Tests abgedeckt, sodass Änderungen live gehen, ohne die geldrelevanten Teile unbemerkt zu beschädigen.

Ergebnisse

Ergebnisse

  1. 01

    Eine neu gebaute, typsichere Anwendung, deren Datenmodell und UX direkt auf weniger manuelle Fehler ausgerichtet sind.

  2. 02

    Eine barrierefreie Oberfläche, gebaut nach realen Standards der Nutzbarkeit.

  3. 03

    Automatische E2E-Abdeckung, die kritische Finanzabläufe bei jeder Änderung schützt.

Stack

  • Next.js
  • React
  • TypeScript
  • tRPC
  • Prisma
  • shadcn/ui

Eingesetzte Leistungen

Gelöste Probleme

Prozessautomatisierung im Unternehmen: weniger Handarbeit

Ihr Team überträgt Daten zwischen Programmen, verschickt Rechnungen von Hand und baut jede Woche dieselben Berichte zusammen? Wenn ein Unternehmen wächst, wächst die Routine mit. Prozessautomatisierung verbindet die Tools, die Sie schon haben, damit sich Ihre Leute um Kunden kümmern statt ums Kopieren.

→

KI-Prototyp noch nicht bereit für echte Nutzer?

Sie haben einen Prototyp mit KI-Unterstützung gebaut, aber Fehler, Zahlungen oder der Datenzugriff blockieren den Start? KI-Tools liefern schnell eine funktionierende Demo und scheitern dann an dem, was aus ihr ein Produkt macht. Oft lässt sich das beheben, ohne bei null anzufangen, doch entscheiden kann das erst eine Code-Prüfung.

→

Haben Sie ein ähnliches Projekt? Schreiben Sie mir, was Sie bauen möchten — in der Regel antworte ich innerhalb von 2 Stunden.

Projekt startenAlle Fallstudien