suptitle
Effizient und kollaborativ: Vom Konzept zur SaaS-Lösung
FeeFuse entstand durch den Einsatz firmeneigener Frameworks, die eine rasche Entwicklung ermöglichten. Dank der engen Zusammenarbeit mit der UI-Abteilung wurde eine durchdachte, funktionsstarke Plattform geschaffen, die aktuell in der Testphase verfeinert wird.
Wie lassen sich GPT-Integrationen und Abrechnungen vereinfachen?
Viele Unternehmen stehen vor Hürden bei der Integration und Verwaltung von GPT-Modellen. FeeFuse zentralisiert diese Prozesse, beseitigt Abrechnungschaos und erleichtert den Umgang mit Zahlungsanbietern.
Welchen Mehrwert bietet FeeFuse?
FeeFuse automatisiert Abrechnungen, liefert Echtzeit-Daten und verbessert die Nutzererfahrung mit einer skalierbaren, zentralen Plattform. Dies steigert Effizienz und spart Ressourcen.
Einfache Anmeldung für einen schnellen Start
FeeFuse bietet einen klar strukturierten Onboarding-Prozess, der Einfachheit und Effizienz kombiniert. Der Anmeldebildschirm erlaubt Nutzern, sich flexibel über Google, Apple, Microsoft oder per E-Mail und Passwort zu registrieren. Dieser Schritt ist der Ausgangspunkt für den Zugang zur Plattform.
Im nächsten Schritt leitet der Registrierungsbildschirm Benutzer nahtlos zur Eingabe der Zahlungsinformationen. Mit einer übersichtlichen Gestaltung und klaren Anweisungen wird der Prozess für die Nutzer so unkompliziert wie möglich gemacht. Beide Screens sorgen für eine reibungslose und schnelle Einführung in die Plattform.
Das Dashboard
Das Dashboard bietet den Nutzern eine übersichtliche und zentrale Anlaufstelle, um wichtige Informationen und Funktionen schnell zu erreichen. Es zeigt die Anzahl der registrierten Projekte und Nutzer sowie das Profil des aktuellen Benutzers, dessen Daten direkt bearbeitet werden können. Neben dem aktuellen Gesamtsaldo wird auch eine grafische Verkaufsanalyse präsentiert, die Trends und Umsatzdaten über einen bestimmten Zeitraum visualisiert. Im unteren Bereich können Nutzer die letzten Transaktionen einsehen.
Die linke Seitenleiste bietet direkten Zugriff auf weiterführende Funktionen wie die Projektverwaltung, Nutzerlisten und die allgemeinen Einstellungen. Durch diese strukturierte Übersicht ermöglicht das Dashboard, wichtige Aufgaben und Daten auf einen Blick zu erfassen und proaktiv zu handeln.
Projekterstellung
Die Erstellung eines neuen Projekts in diesem Screen wird durch ein übersichtliches Formular ermöglicht.
- Dropdown-Menü „Fee Type“:
Es bietet zwei Optionen: „Balance based“ oder „Subscription based“. Je nach Auswahl ändern sich die darauffolgenden Eingabefelder.- Balance based:
Zusätzliche Felder wie „Model“ und „Surcharge (in %)“ erscheinen.- Subscription based:
Benutzer können mehrere Einträge hinzufügen, inklusive Felder für „Name“, „ID“ und „Price“.
Das Design bleibt minimalistisch und nutzerfreundlich.
Projekt- und Userlisten
- Der „All Projects“-Screen zeigt eine übersichtliche Liste aller Projekte, die mit dem System verbunden sind. Jedes Projekt wird in einer Tabelle dargestellt, welche folgende Informationen enthält:
Projektname, E-Mail, Connection: Verknüpfung mit anderen Systemen (z. B. Jasper AI, Frase IO), Erstellungsdatum und Projekt-ID.
- Im „All User“-Screen werden alle Benutzer eines ausgewählten Projekts gelistet. Die Tabelle zeigt:
Name und E-Mail, User-ID, Firma und Token Score (Finanzstatus), Erstellungsdatum.
Zusätzlich wurde ein sicheres API-Management integriert, das durch Key- und Secret-Paare Zugriff regelt. Sicherheitsaspekte wie JWT-Authentifizierung und robustes Fehlerhandling gewährleisten dabei Schutz und Stabilität.
API-Schlüssel hinzufügen und verwalten
Um API-Schlüssel hinzuzufügen, gibt der Nutzer einen Namen oder eine Beschreibung für den Schlüssel ein. Anschließend wird der geheime Schlüssel (ähnlich wie ein Passwort) angezeigt. Dieser geheime Schlüssel kann nur einmal eingesehen werden. Nach dem Erstellen ist es nicht mehr möglich, den ursprünglichen Schlüssel erneut anzuzeigen. Der Nutzer hat danach die Möglichkeit, den Namen oder die Beschreibung zu ändern, den Schlüssel zu löschen oder einen neuen Schlüssel hinzuzufügen.
Sicheres und effizientes Zahlungssystem
Das Zahlungssystem integriert Braintree und ermöglicht die Auswahl verschiedener Zahlungsoptionen wie Kreditkarte oder PayPal. Die Zahlungsabwicklung erfolgt über ein eingebettetes Iframe, das benutzerfreundlich gestaltet ist. Dabei wird der Benutzer anhand seiner E-Mail-Adresse einem Projekt zugeordnet. Im Zahlungsfenster werden der Projektname, die E-Mail-Adresse des Benutzers und der zu zahlende Betrag angezeigt.
Die Authentifizierung erfolgt über einen API Key und Secret, wobei Secrets verschlüsselt in der Datenbank gespeichert werden. Alternativ könnte auch JWT genutzt werden, um zusätzliche Sicherheit zu gewährleisten. Änderungen an Eingabefeldern wurden deaktiviert, um Manipulationen durch bösartiges JavaScript zu verhindern. Der Standardwert für die Währung ist USD, kann jedoch angepasst werden.
Beim Klick auf den Zahlungslink öffnet sich ein Popup, und nach erfolgreicher Zahlung wird es geschlossen und Feedback angezeigt. Um Sicherheitsrisiken weiter zu minimieren, könnte der Benutzername per JavaScript anstelle der URL übergeben werden.
