Fintech · Kundenportal · Web + responsiv

Kundenportal für einen Fintech-Service: Case Study

Eine Webanwendung für ein Finanzunternehmen mit getrennten Nutzerprofilen und Statistik zu Verträgen. Umgesetzt mit Laravel und React.

KundeFinanzunternehmen (Name vertraulich)

BrancheFintech / Finanzdienstleistungen

PlattformenWeb + responsiv

ZeitrahmenScrum, schrittweise Übergabe

Kundenportal für einen Fintech-ServiceFintech / Finanzdienstleistungen

Über das Produkt

Der Auftraggeber ist ein Finanzunternehmen, das einen neuen Bereich mit Online-Services aufbaut. Benötigt wurde ein Kundenportal, in dem jeder Kundentyp – Privatperson, juristische Person, Selbstständige oder Einzelunternehmer – seine Verträge und die zugehörige Statistik sieht und in einer einheitlichen Oberfläche mit Dokumenten arbeitet.

Wir haben ein Webportal mit getrennten Nutzerprofilen konzipiert und entwickelt: Jeder Kontotyp erhält eigene Daten und Aktionen. Im Portal sind Verträge mit Status, Laufzeiten und Beträgen gebündelt, dazu Bereiche für Dokumente und Belege sowie ein Auszahlungsplan mit Berechnung der Einkommensteuer. Die Oberfläche passt sich an mobile Geräte an.

Aufgabe

Ein Webportal mit getrennten Nutzerprofilen, Vertragsstatistik und responsivem Layout entwickeln.

Das Produkt vereint unterschiedliche Kundentypen – Privatpersonen, juristische Personen, Selbstständige und Einzelunternehmer – in einer Oberfläche. Zugriffs- und Anzeigelogik mussten daher so aufgebaut sein, dass jedes Profil nur die für es relevanten Verträge, Dokumente und Auszahlungen sieht und das Portal auf dem Desktop ebenso komfortabel funktioniert wie auf dem Smartphone.

Projekt-Highlights

Scrum mit schrittweiser ÜbergabeEntwicklung und Tests in jeder PhaseZugang zum gesicherten KundennetzArbeit im geschlossenen Netz des Kunden4 Profiltypen in einer Oberfläche

Lösung und Vorgehen

Wir haben das Portal mit Laravel und React umgesetzt: Das Laravel-Backend übernimmt Geschäftslogik, Profiltrennung und API, das React-Frontend sorgt für schnelles und reaktionsfreudiges Arbeiten mit Verträgen, Dokumenten und Auszahlungen.

Gearbeitet wurde nach Scrum – in kurzen Sprints mit schrittweiser Übergabe an den Kunden. So konnten wir Ergebnisse in Teilen zeigen und Prioritäten laufend anpassen. Parallel haben wir die Infrastrukturfrage gelöst – den Zugang zum gesicherten Netz des Kunden –, damit Entwicklung und Tests in der realen Umgebung des Unternehmens stattfanden.

Funktionen des Produkts

Anmeldung und Registrierung

Kontotypen

Privatperson, juristische Person, Selbstständige und Einzelunternehmer – jeweils mit eigenem Datensatz

Vertragsstatistik

Status, Laufzeiten und Beträge zu jedem Vertrag an einem Ort

Dokumente und Belege

Ablage von Vertragsdokumenten und Hochladen von Belegen, auch per Link

Auszahlungsplan

Berechnung der Auszahlungen mit Parametern, Zu- und Abflüssen und Einkommensteuer, Export des Plans

Responsive Version

Das Portal funktioniert einwandfrei auf mobilen Geräten

Fintech-Kundenportal: Vertragskarte mit Dokumenten und Belegen, Desktop- und Mobilmenü

Portal-Startseite und Bereich „Verträge“

Der Hauptbildschirm des Kundenportals: links die Navigation mit dem Nutzerprofil (Hallo, Ivan · Ihre ID) und den Punkten Profil, Verträge, Anträge, Bescheinigungen, Benachrichtigungen mit Zähler (15) und Abmelden. In der Mitte ist der Vertrag Nr. 15236485625 aufgeklappt – mit Eröffnungs-, Schließungs- und Enddatum, Organisation, Investitionsbetrag und Kundentyp.

In der Vertragskarte befinden sich die einklappbaren Blöcke „Dokumente“ und „Belege“: Der Kunde sieht Vertragsnummer, Zusatzvereinbarung und hochgeladene Belege mit Datum. Links im Screenshot ist die mobile Ansicht desselben Menüs zu sehen – das Portal passt sich dem Smartphone an, ohne seine Struktur zu verlieren.

Schema der sechs Entwicklungsphasen von der Business-Analyse bis zum Support

Phasen der Produktentwicklung

Ein Prozessschema in sechs Schritten: Business-Analyse, Discovery, Analyse und Design, Entwicklung, Testing, Support. Die obere Reihe der vorbereitenden Phasen ist gedämpft dargestellt, die untere als aktive Akzentkreise.

Die Grafik spiegelt das schrittweise Vorgehen nach Scrum wider: Das Produkt bewegte sich in Sprints von Analyse und Konzeption zu Entwicklung, Tests und Support – mit Übergabe der Ergebnisse an den Kunden in jeder Phase.

Pop-up zum Beleg-Upload und Tabelle des Auszahlungsplans im Kundenportal

Beleg-Upload und Auszahlungsplan

Der Bildschirm für Belege und Auszahlungen: Im Pop-up „Beleg hochladen“ hängt der Kunde eine Datei (12cdcd.jpeg) an oder fügt einen Link ein und sendet sie ab. Im Hauptbereich ist der Block „Belege“ mit den Reitern Berechnungsparameter / Zu- und Abflüsse / Auszahlungen geöffnet.

Der Reiter „Auszahlungen“ zeigt eine Tabelle mit Rückzahlungsdatum, Auszahlungsart, Betrag, Satz, tatsächlicher Einkommensteuer und Zahlungsstatus, darunter den Link „Plan herunterladen“. So behält der Kunde die Geldflüsse zum Vertrag im Blick und exportiert den Auszahlungsplan.

Kundenportal auf dem Desktop neben mobilen Screens mit Formularen, Benachrichtigungen und Vertragslisten

Ein Produkt: Desktop- und Mobile-Screens

Das finale Layout des Portals: Ein großer Desktop-Bildschirm mit Benachrichtigungen und Listen steht neben mehreren Smartphone-Mockups – Antragsformulare, Benachrichtigungen, Vertragslisten und Bescheinigungen in mobiler Ansicht.

Die Komposition zeigt, dass dasselbe Portal auf großem Bildschirm und auf dem Smartphone gleichermaßen stimmig funktioniert: Das responsive Layout erhält Navigation und Daten auch auf mobilen Geräten.

Warum ein Webportal statt getrennter Systeme

Eine einheitliche Weboberfläche bündelt alle Profiltypen in einem Kanal: Kunden brauchen keine separaten Anwendungen für verschiedene Funktionen. Laravel liefert ein zuverlässiges Backend mit rollenbasierter Zugriffssteuerung, React eine reaktionsschnelle Oberfläche ohne Seitenneuladen. Getrennte Systeme hätten den Wartungsaufwand verdoppelt und die Anmeldung für Endnutzer verkompliziert.

In Zahlen

4Profiltypen: Privatperson, juristische Person, Selbstständige, Einzelunternehmer

1einheitliche Oberfläche für alle Kundentypen

2Kerntechnologien: Laravel und React

Scrumschrittweise Übergabe Sprint für Sprint

Web-Kundenportal mit Laravel und React – eine einheitliche Oberfläche für die Kunden des Unternehmens.

Registrierung und Anmeldung: E-Mail und Passwort, Wiederherstellung des Zugangs.

Profiltypen: Privatperson, juristische Person, Selbstständige, Einzelunternehmer.

Vertragsstatistik: Status, Beträge und Laufzeiten im Kundenportal.

Responsives Layout: Das Portal funktioniert einwandfrei auf mobilen Geräten.

Schrittweise Übergabe der Funktionen in Scrum-Sprints – ohne einen einzigen monolithischen Release.

Arbeit im geschlossenen Netz des Kunden: Architektur und personenbezogene Daten

Das Projekt lief nach Scrum: Gearbeitet wurde in Sprints, jede Phase umfasste Entwicklung und Tests mit schrittweiser Übergabe der Ergebnisse an den Kunden.

Eine eigene Aufgabe war der Zugang zum gesicherten Netz des Unternehmens – gelöst durch die Anschaffung eines Modems und die Einrichtung der Zugänge. Danach arbeitete das Team direkt im geschlossenen Netz des Kunden.

Das Portal verarbeitet personenbezogene Daten der Kunden des Finanzunternehmens. Der Zugriff erfolgt über eine gesicherte Verbindung; die Daten werden nach den Anforderungen der Rechtsordnung des Kunden verarbeitet, auf der eigenen Infrastruktur des Kunden gespeichert, und der Zugriff ist rollenbasiert beschränkt.

Tech-Stack

LaravelBackend, Geschäftslogik und API

ReactOberfläche des Kundenportals

PHPBackend-Plattform der Anwendung

Sie planen ein ähnliches Kundenportal? Sprechen Sie uns an

Erzählen Sie uns von Ihren Kunden, Kontotypen und den Daten, die sie sehen sollen. Wir schlagen Ihnen eine Architektur und einen Plan für die schrittweise Umsetzung vor.

Erstgespräch vereinbaren

Häufig gestellte Fragen

Was ist ein Kundenportal für einen Fintech-Service?

Eine Weboberfläche, in der sich Kunden registrieren, die Statistik zu ihren Verträgen sehen und ihr Profil verwalten; dieses Portal basiert auf Laravel und React.

Wie lange dauert die Entwicklung eines Kundenportals?

Das hängt vom Umfang der Integrationen ab; dieses Portal wurde schrittweise nach Scrum entwickelt und vom Kunden in kurzer Zeit vollständig abgenommen.

Wie wird die Sicherheit der Finanzdaten gewährleistet?

Der Zugriff erfolgt über das gesicherte Netz des Kunden; die Daten werden nach den Anforderungen seiner Rechtsordnung verarbeitet und auf seiner eigenen Infrastruktur gespeichert.

Unterstützt das Portal verschiedene Kundentypen?

Ja, das Profil passt sich an Privatpersonen, juristische Personen, Selbstständige und Einzelunternehmer an.

Gibt es eine mobile Version?

Das Portal hat ein responsives Layout und funktioniert einwandfrei auf mobilen Geräten.

Verwandte Fallstudien

Weitere Fallstudien

Alle Fallstudien →

FinTech · Kreditvergabe

Website für Sofortkredite

Laravel + React Mikrokreditplattform — Kreditnehmer-Dashboard mit E-Signatur, Underwriter-Arbeitsplatz, Inkasso, Buchhaltung, Admin.

Fallstudie ansehen

Krypto-Trading · Web

Dragon Token-Plattform

Krypto-Trading-Plattform auf Laravel + React — Kauf/Verkauf in USDT, admin-verwaltete dynamische Preisgestaltung, 9-Tage-Live-Chart, Launch in den USA & der EU.

Fallstudie ansehen