UX/UI
React native
Node.js
Typescript
FINTECH-WEB- UND MOBIL-APP

Wie Teamaugmentation einem ehrgeizigen Fintech-Startup zum Durchbruch verhalf

Project overview

Die Geschichte einer kleinen Fintech-App, die die Herausforderung einer nicht skalierbaren Architektur überwand und von einer führenden Schweizer Bank übernommen wurde.

services
Client

Gokong

REsources

3 Personen, 3 Jahre

Einführung

Unsere Zusammenarbeit mit GOKONG begann mit dem rein technischen Support und dem Übergang zur vollständigen Produktentwicklung und war voller Herausforderungen — vom Umgang mit Datenströmen, die den Arbeitsablauf behindern, über die Definition eines Alleinstellungsversprechens bis hin zur Anpassung interner Prozesse.

Es war ein wilder Ritt, bei dem wir uns erfolgreich und siegreich gefühlt haben.

Hier ist die Geschichte eines ehrgeizigen Fintech-Startups, das eine App entwickelt hat, die einen Schweizer Bankführer faszinierte. Von Anfang an dabei.

Brainhub war von Anfang an an diesem Projekt beteiligt und spielte eine wichtige Rolle beim UI/UX-Design und der Implementierung.

Alex Semenets, CTO von GOKONG

Projekt in Zahlen

Herausforderung

Lassen Sie uns einen persönlichen Finanzcoach aufbauen

Inspiriert von der wachsenden Beliebtheit von Apps zur Gesundheitsüberwachung wie Apple Health und Fitbit wollten die Gründer von GOKONG Menschen dabei helfen, ihre persönlichen Finanzen auf intelligente Weise zu verfolgen und zu verwalten.

So wie du in der Lage bist, deine Herzfrequenz, dein Aktivitätsniveau und deine Schlafmuster zu überwachen, wurde GOKONG so konzipiert, dass du deine finanzielle Gesundheit auf ganzheitliche Weise messen kannst — von der Analyse deiner Ausgabegewohnheiten bis hin zur Verfolgung deiner Investitionen, Kredite, Hypotheken und Schulden — alles auf mehreren Bankkonten gleichzeitig.

Werden Sie zum neuen Goldstandard der Branche

Die Vision von GOKONG war es, ein weithin anerkannter Branchenstandard zu werden, der täglich von Millionen von Benutzern auf der ganzen Welt verwendet wird.

Die Schaffung einer soliden Grundlage für das schnelle Wachstum des Produkts und des Unternehmens war die oberste Priorität des Teams.

Das Unternehmen befürchtete, dass die Nichterfüllung dieses Auftrags seine Geschäftsexpansion zum Erliegen bringen würde.

Bereiten Sie die WIP-Web-App auf ein schnelles Wachstum vor

Als Oliver Walzer, der damalige CTO von GOKONG, uns kontaktierte, befand sich das Unternehmen mitten in der Webentwicklung.

Während dieses Prozesses begann das Team zu zweifeln, ob es in der Lage sein würde, eine funktionale Architektur bereitzustellen, die seinen Wachstumszielen entsprach.

Um sicherzustellen, dass sie Schritte in die richtige Richtung und im richtigen Tempo unternehmen, wollten sie ihren Ansatz überprüfen und weitere Mitarbeiter mit ins Boot holen, um schnell Geschäftsergebnisse zu erzielen.

Schaffen Sie eine Architektur, die großen Datenströmen standhält

Bei unserem ersten Gespräch erwähnten die Gründer die folgenden technischen und geschäftlichen Herausforderungen:

  • Aggregation und Verarbeitung vieler Daten aus vielen Quellen,
  • Anzeige großer Informationsmengen auf zugängliche Weise,
  • lange Synchronisationszeiten,
  • Integration mit mehreren Diensten,
  • Aufbau eines Datenspeichers, der dynamischen Veränderungen standhält.

Das hat unser Interesse geweckt — das Produkt schien ehrgeizig und anspruchsvoll zu sein, und wir erwarteten, dass auf dem Weg dorthin noch mehr Herausforderungen auftauchen würden.

Von Anfang an konnte ich immer verschiedene Themen mit dem Team von Brainhub besprechen. Sie widmen sich auch dem Projekt und haben uns geholfen, die Ziele und die Umsetzung zu erreichen, die wir benötigen.

Oliver Walzerformer, CTO von GOKONG

Anfahrt

Mit Workshops das Verborgene aufdecken

Bevor wir mit der Arbeit an dem Produkt begannen, bestand unser erster Schritt darin, zu überprüfen, was sich wirklich unter der Haube verbirgt, sowohl was die Technologie als auch die Strategie angeht.

War sich das Team aller Herausforderungen bewusst, denen sie sich stellen mussten? Wir waren da, um das herauszufinden, und Discovery Workshops waren unser Tool.

Wir mussten lernen:

  • Was ist die Idee hinter dem Geschäft?
  • Wer ist unser Hauptnutzer?
  • Mit welchen Problemen und Ängsten hat unser Nutzer zu kämpfen?
  • Was braucht unser Benutzer, um sie zu überwinden?
  • Wer sind unsere Konkurrenten und was machen sie richtig?
  • Was ist unser einzigartiges Wertversprechen?
  • Wie unterscheiden wir uns?
  • Wie werden wir dieses Versprechen einhalten?
  • Mit welchen technischen Einschränkungen arbeiten wir?

Zu unseren nächsten Schritten gehörten die Recherche und Analyse der Wettbewerber sowie die Überprüfung der Codebasis.

Diese Informationen gaben sowohl dem Team von GOKONG als auch uns ein vollständiges Bild der bevorstehenden geschäftlichen und technologischen Herausforderungen und bereiteten uns auf die nächste Phase vor.

Konzipieren für eine perfekte Marktanpassung

Mit den gerade aufgedeckten Hinweisen über den Markt gingen wir zur Definition unserer Kernzielgruppen, ihrer Bedürfnisse, Erwartungen, Vorlieben und Abneigungen über.

Das Team von GOKONG kannte seine Nutzer durch und durch, sie wussten, was sie wollten und warum, sie waren sich nur nicht sicher, wie sie es liefern sollten.

Sie brauchten einen Aktionsplan.

Unter Berücksichtigung der Zielgruppe begannen wir zu diskutieren:

  • wie man sich in einem gesättigten Markt den nötigen Vorteil verschafft,
  • welche Funktionen sollten zuerst gestartet werden,
  • welche Plattform den Nutzern am besten dient,
  • wie die App monetarisiert werden soll.

Wir haben herausgefunden, dass unsere App einen Finanzcoach, einen Budgetmonitor und die gleichzeitige Synchronisation mit mehreren Banken und Konten enthalten muss.

Der nächste Schritt bestand darin, diese Funktionen in separaten Anwendungsansichten zu gruppieren und sie in Benutzerabläufen anzuordnen.

Um die optimale Anpassung des Produkts an den Markt sicherzustellen, mussten wir nun unsere Designhypothesen testen. Das Testen unseres Prototyps ermöglichte es uns, in einem frühen Stadium schnell und schmerzlos zu iterieren und das Risiko zu begrenzen, ein Produkt auf den Markt zu bringen, das nicht zum Markt passte.

Unser Ziel an dieser Stelle war es, zu erfahren, wie die Nutzer unsere App in der realen Welt nutzen werden und ob sie die Funktionen der App auf erwartete Weise nutzen werden.

Wir legten den Grundstein für die Architektur unseres Produkts, fügten die Benutzeroberflächenebene hinzu und flogen nach Zürich, Schweiz, um vor Ort Tests mit dem Think-Aloud-Protokoll und eingehenden Interviews (IDIs) durchzuführen.

Nachdem wir die Usability-Tests abgeschlossen hatten, konnten wir die notwendigen Designkorrekturen und Verbesserungen vornehmen und schließlich zur letzten Phase des Produktentwicklungszyklus übergehen — der Softwareimplementierung und -veröffentlichung.

Handskizzierte Wireframes halfen uns dabei, wichtige Anwendungsansichten und Benutzerabläufe schnell abzubilden und zu besprechen.

Aufbau einer skalierbaren modularen Architektur

Zu Beginn beschloss das Team von GOKONG, sich hauptsächlich auf die Web-App zu konzentrieren, die es bereits erstellt hatte.

Da wir unsere Produktstrategie im Hinterkopf hatten, wussten wir, dass wir auf systematische Änderungen und schnelle Iterationen vorbereitet sein mussten. Als Reaktion darauf beschlossen wir, die Codebasis in Module zu unterteilen und die Architektur auf Microservices zu stützen.

Um dieses Ziel zu erreichen, haben wir in Verbindung mit Node.js einen Tech-Stack aus TypeScript eingeführt. Auf der anderen Seite waren wir in der Lage, die Prozesse zu atomisieren, verschiedene Domänen zu trennen und zu asynchronen Vorgängen überzugehen.

Auf der anderen Seite hatten wir Probleme beim Debuggen — Probleme konnten in jedem Prozess und zu jeder Zeit auftreten.

Um dieses Risiko zu minimieren, richten wir unsere Build-Logs so ein, dass Fehler und Unregelmäßigkeiten in Echtzeit zurückgegeben werden. Dies half uns, den Arbeitsablauf im Auge zu behalten und schnell zu reagieren.

Nach einer Weile entschied sich GOKONG für eine Umstellung, indem es die Funktionen einer Webanwendung auf die Datenaggregation beschränkte und den Schwerpunkt auf Mobilgeräte verlagerte.

Wir haben uns entschieden, die mobile App mit React Native zu erstellen, um die Codebasis gemeinsam zu nutzen und den Start der App auf iOS und Android zu beschleunigen.

Wenn Prozesse ihre Rolle nicht mehr erfüllen

Als wir mit der Entwicklung begannen, stießen wir auf einige Herausforderungen im Zusammenhang mit den Prozessen, die das Team zu diesem Zeitpunkt eingeführt hatte.

Die Balance zwischen SCRUM-Best Practices und Einzelfallszenarien ist keine leichte Aufgabe. Wenn Sie sich an das Buch halten, könnten Sie am Ende unnötige Vorkehrungen treffen, die den Produktentwicklungszyklus verlangsamen. Wenn Sie andererseits zu viel Flexibilität zulassen, können Sie den Arbeitsablauf so weit verwässern, dass er seinen Zweck nicht mehr erfüllt.

In unserem Fall haben wir uns mit letzterem auseinandergesetzt, was zu einem Mangel an Transparenz darüber führte, wer für welchen Teil des Prozesses verantwortlich ist.

Wir haben schnell gehandelt und zusammen mit dem Team von GOKONG verbesserte Design- und Entwicklungs-Sprints eingeführt, die es uns ermöglichten, ungestört zusammenzuarbeiten.

Brainhub gab uns einige Inputs (...), die uns dabei halfen, das Projekt effizienter zu gestalten. Sie schlugen vor, wie die Struktur unserer Demo- und Planungssitzungen aussehen sollte, die wir seitdem übernommen haben.

Oliver Walzer, CTO von GOKONG

Schnelle Iteration für höchste Marktrelevanz

Unser SCRUM-Prozess konzentrierte sich auf schnelle Iterationen. Wir wussten, dass wir ständig den Überblick behalten mussten — der Fintech-Markt macht keine Pausen, die Wettbewerber sind gut finanziert und bewegen sich schnell.

Die Konkurrenz war jedoch nicht unser einziges Problem; das Gesetz ändert sich ebenso schnell (insbesondere wenn wir über den globalen Markt sprechen).

Während einer der Iterationen, als wir uns dem Ende der Entwicklung näherten, führte die Europäische Union zusätzliche Vorschriften für die Banken- und Fintech-Branche ein. Dies zwang uns, einen Schritt zurück zu machen und einige der Methoden zu überarbeiten, mit denen wir Daten im Backend verwaltet haben.

Unserer Erfahrung nach sind solche Kursanpassungen ein natürlicher und relativ schmerzloser Bestandteil des Prozesses, wenn wir einen iterativen Ansatz verfolgen und uns auf die Bereitstellung von Geschäftswerten statt auf einfache Funktionen konzentrieren.

Nach 2 Jahren Zusammenarbeit mit einer Menge unvermeidlicher Höhen und Tiefen erreichten wir endlich unser Ziel — die Veröffentlichung des Produkts.

Was wir erreicht haben

Nachdem wir das Produkt auf den Markt gebracht hatten, begannen wir zu beobachten, wie sich das Produkt anpasste. Die regelmäßige Analyse des Nutzerverkehrs half uns, wichtige Schlupflöcher und potenzielle Verbesserungen zu erkennen.

Während einer der Iterationen stellten wir beispielsweise fest, dass die Benutzer trotz unserer übersichtlichen Benutzeroberfläche immer noch mit einer Informationsflut zu kämpfen hatten. Wir haben uns diese Kritik zu Herzen genommen und die datenintensivsten Ansichten überarbeitet, um sie noch weiter zu vereinfachen.

Unsere Verbesserungen führten zu positivem Feedback von Nutzern, was die Aufmerksamkeit einiger interessanter Personas auf sich zog und zu einem unerwarteten Ende führte.

Nur 8 Monate nach der Veröffentlichung des Produkts in den Apple- und Google-Stores wurde die App von einem der führenden Schweizer Banken gekauft, um Teil des wichtigsten kommerziellen Produkts des Unternehmens zu werden.

Das GOKONG-Team hat den Erfolg verdient und wir fühlen uns geehrt, dass wir die Vision und Umsetzung des Produkts beeinflussen konnten.

GOKONGS Projektüberprüfung auf Clutch