alema.io
← Alle Kunden

Porto (über Môre)

Erstkauf: die Kreditkarte im Warenkorb

Ein Hub mit mehr als 80 Produkten und Services von Porto bekam Warenkorb und Checkout. Beim Erstkauf beantragen berechtigte Kundinnen und Kunden die Porto-Bank-Karte direkt im Warenkorb und bezahlen den Kauf mit Rabatt, schon auf der ersten Abrechnung.

Rolle
Senior Product Designer, Squad Plattform/Checkout
Zeitraum
2022–2024
Branche
Versicherungen und Finanzdienstleistungen
Sechs mobile Screens des Erstkaufs: Warenkorb mit Kartenangebot, Datenprüfung, Biometrie, Kartenauswahl, Einrichtung und Zahlung
Vom Warenkorb bis zur Zahlung, im klickbaren Prototyp der Version 2.

Schmerzpunkte

Discovery

Journey

  1. 01WarenkorbKartenangebot mit durchgestrichenem Vollpreis.
  2. 02LoginAnmelden oder registrieren, bei Bedarf mit Token.
  3. 03DatenprüfungPersönliche Daten und Lieferadresse der Karte.
  4. 04BiometrieEin Selfie zur Identitätsprüfung.
  5. 05KartenauswahlPlatinum oder Gold, Vorteile im Vergleich.
  6. 06EinrichtungNetzwerk, Limit, Fälligkeit und kostenloser Tag.
  7. 07ZahlungDie genehmigte Karte bezahlt den Kauf mit Rabatt.
  8. 08AbschlussBestellung, Karte und Tag mit nächsten Schritten.

Was sich geändert hat

Ergebnisse

40 %Berechtigung
36 %Erstellte Anträge
75 %Genehmigte Anträge
52 %Ausgegebene Karten

Genehmigungstrichter je Schritt, wie im Case dargestellt.

Das Problem

Die alte Website von Porto wurde zu einem Sales-Hub mit mehr als 80 Produkten und Services. Jede Sparte hatte ihre eigene Kaufstrecke.

Die Frage: Können Versicherung, Service und Finanzprodukt einen Warenkorb und einen Checkout teilen?

Tabelle mit der aktuellen Journey jedes Prioritätsprodukts, von der Produktseite bis zur Bestätigung
Ist-Analyse der Prioritätsprodukte, von der Produktseite bis zur Bestätigung.

Discovery und Tests

Ich habe die aktuelle Journey der Prioritätsprodukte wie Auto Digital, Porto Vida und Reiseversicherung erfasst und den Kaufprozess jedes Produkts untersucht.

Danach folgten Usability-Tests mit simulierten Käufen, inklusive der Porto-Bank-Karte im Warenkorb, Tiefeninterviews und A/B-Tests für Produktempfehlungen.

Zwei Erkenntnisse veränderten die Lösung: Eine Versicherung im Warenkorb wirkt ganz normal, ein Kredit wird aber in einem eigenen, linearen Ablauf erwartet. Und Cross-Selling von Versicherung und Karte funktioniert nur, wenn die Karte das Zahlungsmittel ist.

Der Konzepttest zum Erstkauf untersuchte fünf Punkte: ob der Pflicht-Login Reibung erzeugt, ob die Biometrie nach dem Login irritiert, ob das Angebot klar genug für einen Abschluss ist, ob man ruhig mit einer Karte zahlt, die noch ausgestellt wird, und ob die Karte zwischen den Produkten verwirrt.

Vergleich der beiden Szenarien für den Kartenerwerb
Zwei Szenarien Schritt für Schritt verglichen: die Karte beim Erstkauf im Checkout oder vor dem Produktkauf beantragt.
Folie mit Wahrnehmungen und der Erkenntnis aus den Konzepttests

Die Lösung

In den Warenkorb kommen nur Produkte, die im Warenkorb bezahlt werden. Finanzprodukte behalten einen eigenen linearen Ablauf.

Berechtigten Kundinnen und Kunden wird im Warenkorb die Porto-Bank-Karte mit Rabatt angeboten, mit dem durchgestrichenen Vollpreis daneben.

Der Antrag hat vier Schritte mit sichtbarem Fortschritt: Datenprüfung, Biometrie, Kartenauswahl und Einrichtung, mit Netzwerk, Limit, Fälligkeitstag und kostenlosem Porto-Bank-Tag. Nach der Genehmigung wird die Karte zum Zahlungsmittel, und der Kauf erscheint schon auf der ersten Abrechnung.

Auch die Sonderfälle wurden gestaltet: Login per Token, unvollständige Daten, Ablehnung bei Bonitäts- oder Biometrieprüfung und das Entfernen der Karte aus dem Warenkorb, mit dem Hinweis, dass der Rabatt verloren geht.

Hub-Startseite auf dem Desktop mit geöffnetem Warenkorb im Seitenpanel
Warenkorb auf dem Desktop, als Seitenpanel über der Hub-Startseite.
Vollständiger User Flow des Erstkaufs mit Login-, Genehmigungs- und Betrugsprüfungsentscheidungen
User Flow des Erstkaufs mit den Pfaden für Login, Genehmigung und Betrugsprüfung.

Weiterentwicklung

In Version 2 vom Februar 2024 zeigte das Angebot den Preis ohne Rabatt durchgestrichen, und die Kartenauswahl nutzte die Kreditkarten-Journey wieder, sodass beide Journeys konsistent sind.

Etwas Ähnliches gesucht?

Beschreiben Sie das Problem. alema.io antwortet mit einem Weg, nicht mit einem Standardangebot.

alema.io schreiben
Nächster CasePorto (über Môre)Selbstgewählter Name in allen Kanälen