Ein intelligentes Ökosystem für den Zahlungsverkehr

  • Strategie, UX/UI Design, Web-Anwendungen

Unterstützung der Händler bei der Abwicklung von Online-Zahlungen.

  • Strategie
  • UX/UI Design
  • Web-Anwendungen
Über das Unternehmen

Die DNA Payments Group ist eines der grössten unabhängigen, vollständig vertikal integrierten Omnichannel-Zahlungsunternehmen in Grossbritannien und der EU. Das 2018 gegründete Unternehmen unterstützt mehr als 65.000 Händler mit seinen innovativen Lösungen für Online-, In-Store- und On-the-Go-Geschäfte. Die DNA Payments Group besteht aus neun Unternehmen: DNA Payments, 123Send, Optomany, Active Payments, EFT Solutions, Kwalitas, FPMS, Card Cutters und Zash. Ihre Büros befinden sich in London, Kent, Hull, Manchester und Oxford, dazu kommen Remote- und Aussendienstteams.

DNA Payments wandte sich an das Team von Stoked mit der Bitte, das bestehende Portal zu überarbeiten. Ziel war es, das Portal von Grund auf neu zu gestalten, um es für bestehende Nutzer komfortabler und für neue Nutzer attraktiver zu machen, damit die Unternehmen wachsen und ihre Umsätze steigern können.

Projektaufgaben
  1. Entwicklung eines Onboarding-Prozesses, der den Nutzern einen schnellen, einfachen und unkomplizierten Einstieg in das Produkt ermöglicht.
  2. Erstellung einer mobilen Version der Plattform, um zu verhindern, dass die Nutzer in entscheidenden Momenten an ihren Laptops hängen bleiben.
  3. Neugestaltung der aktuellen Plattform und Schliessung von Lücken, um ein nahtloses Benutzererlebnis auf Desktop- und Mobilgeräten zu ermöglichen.
Tech stack

Kostenloses Angebot oder Beratung anfordern

Das Projektteam

Team: iOS Entwickler, Android Entwickler, 2 Frontend Entwickler, 2 QA Entwickler, Projektmanager, Business Analyst.

  • 4

    Monate für Forschung und UX/UI Design

  • 6

    für Web- und mobile Entwicklung

Design und Entwicklung erfolgen parallel zur Forschungs- und Entdeckungsphase.

PROJEKTE

Produktentwicklung

Anforderungen an das Redesign

DNA Payments ist ein Zahlungsakquisiteur, der Händlern Online- und persönliche Zahlungslösungen anbietet. Die Plattform ermöglicht es den Nutzern, Zahlungsvorgänge durchzuführen, Rechnungen zu erstellen, Rückerstattungen vorzunehmen und Statistiken zu verfolgen.

Obwohl die Plattform potenziell über alle notwendigen Funktionen verfügte, die sich ein Nutzer nur wünschen konnte, war die Produktoberfläche verwirrend, was zu einer geringen Nutzerbeteiligung führte. Die Kern-UX des Portals war ziemlich kompliziert. Nach einer ersten Analyse stellte unser Team Inkonsistenzen in einem Designelement fest, die erklärten, warum einige Nutzer den Dienst als kompliziert empfanden. Das Fehlen einer mobilen Version der Website verschlimmerte die Situation, da die Nutzer in einem kritischen Moment an ihren Laptop gebunden waren.

Um mit den Verbesserungen zu beginnen, legte unser Team die folgenden Projektschritte fest:

 

  • Desk Research, um sich mit dem Projekt vertraut zu machen und das Projektfeld zu verstehen
  • Interviews mit den wichtigsten Stakeholdern, um einen tieferen Einblick in das Portal und das Geschäft zu erhalten und die täglichen Anwendungsfälle zu verstehen
  • Audit des aktuellen Produkts, um eine Liste der wichtigsten Usability-Probleme in der aktuellen Schnittstelle zu definieren
  • Erstellung von Personas, um sich in die Nutzer hineinzuversetzen
    Customer Journey Mapping, um die wichtigsten Benutzerinteraktionen mit dem Interface zu erfassen
  • Backlog Preparation & Priorization, um eine grosse Menge an Arbeit zu strukturieren und zu priorisieren

Neuer Onboarding-Prozess

Während unser Team die komplexe Aufgabe hatte, das Produkt neu zu gestalten, hatte für DNA Payments die Neugestaltung des Onboarding-Prozesses und des Registrierungsablaufs Priorität. Der bisherige Onboarding-Prozess beeinträchtigte das Nutzererlebnis und behinderte die Kundenakquise. Wir mussten die Probleme im Zusammenhang mit dem Anmelde- und Registrierungsprozess identifizieren und von Anfang an beheben.Während der anfänglichen Recherche entdeckten wir mehrere Stellen, an denen das bestehende App-Design verwirrend war. Bereits auf der Startseite hatten die Nutzer Schwierigkeiten, einen Preisplan auszuwählen, die benötigten Artikel zu finden und später mit Datentabellen und Filtern zu arbeiten. Der Registrierungsprozess dauerte mehrere Tage - von der Auswahl eines Tarifs über die Einrichtung eines Kontos bis hin zur Zahlung. Im Gegensatz dazu benötigte Stripe nur 3 Minuten, um an Bord zu kommen. Ausserdem hatten die Login- und die Registrierungsseite ein unterschiedliches Aussehen und Design, was zu Verwirrung führte und das Markenimage schwächte.

Durch die Reduzierung der Felder auf das notwendige Minimum konnte der gesamte Prozess erheblich verkürzt und vereinfacht werden, was zu einer deutlich verbesserten Nutzung der Plattform führte.

Händler-Portal

Das Händlerportal bietet Echtzeitaktualisierungen für jede verarbeitete Zahlung. Benutzer können Arbeitsabläufe, Transaktionen, Rückerstattungen und Abrechnungen überwachen, verfolgen und verwalten. Es ist das Herz und die Seele der Plattform, weshalb wir sehr darauf geachtet haben, dass die Benutzer diese Funktionalität voll ausschöpfen können.Zu den Funktionen des Händlerportals gehören

Wir haben es den Benutzern ermöglicht, ihre Kosten über Online-Zahlungen oder POS-Zahlungen zu überwachen und zu verwalten, je nachdem, welche Lösung sie verwenden. Wir definierten die beiden Hauptfunktionen des Portals als Pay by Link und Transactions. Je nach gewähltem Tarif hatten die Nutzer die Möglichkeit, beides zu nutzen oder Zahlungen nur über Pay by Link zu akzeptieren. Das Formular, in dem die Benutzer den Zahlungslink erstellen und mit ihm interagieren, haben wir bewusst neu gestaltet, um die Interaktion mit dieser Funktionalität zu erleichtern.

Bezahlen per Link

Zahlungslinks ermöglichen es Benutzern, Zahlungen online anzunehmen, ohne eine Website zu verwenden. Diese Lösung war vor allem für kleine Unternehmen wichtig, die sich zu einem bestimmten Zeitpunkt keine zusätzlichen Kosten für die Entwicklung einer Website leisten konnten.

Nach der Aktivierung loggen sich die Nutzer in das Händlerportal ein, um einen Zahlungslink zu erstellen und an ihre Kunden zu senden. Sobald der Link versendet wurde, werden die Nutzer in Echtzeit bezahlt. Wir haben die wichtigsten Karten, Apple Pay, Google Pay, PayPal und andere Zahlungsmethoden, die über Zahlungslinks 24/7 akzeptiert werden, angeschlossen. Die Payment Links waren automatisch im Händlerportal verfügbar, nachdem die Nutzer die Lösung und das Antragsformular für die Payment Links genehmigt hatten.

Virtuelles Terminal

Die Idee hinter Virtual Terminal war es, eine perfekte Lösung für jede Art von Ferntransaktion anzubieten. Benutzer können Online-Zahlungen über digitale Geräte wie Laptops oder Telefone nahtlos, schnell und sicher akzeptieren. Darüber hinaus können Benutzer nach einer erfolgreichen Transaktion problemlos elektronische Verkaufsbelege für online bezahlte Waren oder Dienstleistungen an Kunden versenden.

 

Verwaltung der Zahlungsmethoden

Unser Team hat die besten Zahlungsmethoden der Branche wie Apple Pay, PayPal und Klarna integriert, um sicherzustellen, dass Unternehmen alles haben, um schnelle, sichere und einfache Zahlungen anzubieten. Unabhängig davon, welches Szenario die Kunden bevorzugen – die Kosten für einen Artikel zu verteilen oder mit einem mobilen Gerät zu bezahlen – unsere Lösung bietet ein nahtloses Einkaufserlebnis.

 

Online-Chat-Unterstützung

Obwohl unsere oberste Priorität darin bestand, eine intuitive und benutzerfreundliche Plattform zu entwickeln, wussten wir, dass einige Benutzer Unterstützung durch den Kundensupport wünschen würden. Aus diesem Grund haben wir eine Chat-Funktion integriert, über die die Nutzer ihre Fragen stellen können.

Berichte

Jede Plattform, die sich mit dem Zahlungsverkehr beschäftigt, sollte unbedingt eine Rubrik Berichte haben. In unserem Fall wollten wir, dass die Benutzer die Gesamtsituation des Geldumsatzes und den Zustand des Unternehmens sehen können. Es war auch wichtig, die Möglichkeiten zur Steigerung des potenziellen Einkommens durch die Analyse von Statistiken und die Entwicklung einer Händlerstrategie für die Zukunft aufzuzeigen.

Unser Team untersuchte verschiedene Optionen für die Implementierung der Berichte. Nach Teambesprechungen und Kommunikation mit dem Kunden entschieden wir uns, die Berichte mit Chart.js zu erstellen. Chart.js war eine kostenlose Datenbank mit Beispielgrafiken. Damit konnten wir zwei Ziele gleichzeitig erreichen: Zeitersparnis bei der Erstellung von Diagrammen und bessere Verständlichkeit der Analysen.

Das Ergebnis

Die Fähigkeit unseres Teams, das Gesamtbild zu sehen und wichtige Teile des Portals neu zu gestalten, führte zu signifikanten Ergebnissen. Bis Ende 2022 wird DNA Payments mehr als 65.000 Händler bedienen und ist auf dem besten Weg, der viertgrösste Zahlungsanbieter in Grossbritannien zu werden. DNA Payments bietet eine perfekte Auswahl an Zahlungslösungen für die Bedürfnisse von Unternehmen, die sowohl online als auch vor Ort schnell, sicher und einfach zu nutzen sind. Mit 100.000 Terminals und Kassenseiten verarbeitet das Unternehmen monatlich 900.000.000 Pfund.

Wir freuen uns, an der Entwicklung eines so wichtigen Produkts auf globaler Ebene beteiligt zu sein, aber es gibt auch einige Zahlen, die direkt von der Neugestaltung unserer Plattform betroffen sind:

  • 18%

    Zunahme neuer Nutzer in den ersten Monaten nach dem Start der neu gestalteten Plattform

  • x2,3

    Reduzierung der Abwanderungsrate in den ersten zwei Wochen der Plattformnutzung

Looking to
unify your
product?


Mehr lesen

Entdecken Sie noch mehr Artikel von Stoked - wir haben noch viele Geschichten zu erzählen.

Markendesign, Strategie, UX/UI Design, Web-Anwendungen

SaaS-Plattform für HR-/Recruiting-Teams in kleinen und mittleren Unternehmen

Blockchain, Web-Anwendungen

Blockchain-Protokoll für den Prognosemarkt