LCP LCP LCP
Fallstudie

ING Bank

Header-image-ING-1

Experten-UX-Hilfe um die Umsetzung der PSD2-Vorschriften zu unterstützen. Das Ergebnis war ein API-Portal, das Entwickler, Product Owner, Lösungsarchitekten und externe Unternehmen anspricht.

01

Unser Kunde

Als globale Bank mit starker europäischer Basis arbeitet ING kontinuierlich an Innovationen, um das Kundenerlebnis zu verbessern. Sie wurde bei den Innovators 2020 Awards des Global Finance Magazine zur innovativsten Bank in Westeuropa gewählt.

Die 57.000 Mitarbeiter von ING betreuen rund 39,3 Millionen Kunden, Firmenkunden und Finanzinstitute in über 40 Ländern. Ihre Aktien sind in Amsterdam (INGA NA, INGA.AS), Brüssel und New York (ADRs: ING US, ING.N) notiert.

02

Die Herausforderung

Entwerfen Sie ein globales API-Portal zur Nutzung durch ING-Mitarbeiter und externe Finanzdienstleister.

Das API-Portal sollte ein strategisches Instrument sein, um die Umsetzung der PSD2-Vorschriften zu unterstützen, insbesondere die Konnektivität für Zahlungsdienstleister. Das Produkt muss mehrere interne und externe Zielgruppen ansprechen: Entwickler, Product Owner, Solution Architects und externe Unternehmen.

03

Unsere Lösung

Ein einfaches, reaktionsschnelles und benutzerfreundliches API-Entwicklerportal, das sowohl interne als auch externe Benutzer anspricht. API-Besitzer können ihre eigene API hochladen und diese innerhalb und außerhalb des Unternehmens freigeben. API-Nutzer können ganz einfach einen Dienst suchen und finden, den sie zur Erweiterung ihrer Software benötigen.

You highlighted issues that weren't even on the radar and gave us a broader view of the project's impact on the whole design organisation.”

John Smith, CEO Company

persion-img
ING API - home
ING API - APIs-1
ING API - APIs2-2
ING API - Blog
ING API - APIs2

Die Landingpage des Entwicklerportals mit einer starken Botschaft und praktischen Informationen, um alle Zielgruppen anzusprechen.

Der generische API-Marktplatz, der sowohl intern als auch extern verwendet werden kann.

Jede API hat ihre eigene Detailseite, die die Funktionen und Vorteile hervorhebt.

Eine übersichtliche Nachrichtenseite, die zum Teilen von Neuigkeiten und Aktualisierungen über die APIs und das Entwicklerportal verwendet werden kann.

Ein einfacher Screenflow zur Veranschaulichung des Rückgrats des Entwicklerportals.

Prozess

Die Beinarbeit der Innovation

Angefangen haben wir in einem kleinen Scrum-Team aus Entwicklern und dem Product Owner. Um ein umfassendes Bild der Anforderungen und des Produktumfangs zu erhalten, führten wir Einzelgespräche mit Stakeholdern, internen Nutzern, Architekten und dem Straßenmanager.

Der nächste Schritt bestand darin, einen ersten Screenflow-Entwurf zu erstellen, um ein grundlegendes Konzept für das eigentliche Portal zu erstellen, gefolgt von einem kleinen Prototyp, der auf dem Designsystem des Kunden basiert. Wir haben dies mehreren Stakeholdern präsentiert.

Gemeinsam mit dem Product Owner haben wir Story-Mapping-Workshops entwickelt, die zum Rückgrat des Portals wurden. Wir haben benutzerfreundliche Vorlagen für API-Anbieter entwickelt, um ihre APIs zu bewerben, indem sie sich auf ihren Wert und ihre Verwendung konzentrieren. Und zu Spitzenzeiten des Projekts haben wir zusätzliche Designkapazitäten angefordert.

ING-tekst-image
ING-tekst-image2

Mehrwert

Auf diesem Weg haben wir dazu beigetragen, die Konstruktionsorganisation zu stärken und die Effizienz zu verbessern. Unser Design Lead hat eine Vision entwickelt, um mehrere Portale zu einer einzigen Entwicklerplattform mit Fokus auf APIs zusammenzuführen. Wir schlugen ein globales Designsystem mit zentraler Verantwortung vor und tauschten Ideen mit anderen UX-Designern bei ING über die besten Arbeitsprozesse mit Entwicklungsteams aus.

In diesem Projekt verwendete Tools

Artboard
Customer Journey Mapping

Nutzerforschung, um Einblicke in die Erwartungen der Nutzer zu gewinnen.

UX concept yellow
UX Konzept

Konzeptionelle Entscheidungen, die den Rest des Designprozesses leiten.

UX Architecture white
UX Architektur

Übersetzung konzeptioneller Entscheidungen in die Produktstruktur.

UI Design
UI Design

Verwenden des ING-Designsystems zur Gestaltung jedes Bildschirms.

User Testing
Nutzertests

Ständige Einbeziehung der Benutzer, um Qualität und Wert zu testen.