Markus Strässle
Alle Projekte

App-Redesign & digitales Kreditkarten-Onboarding

Viseca one

Als UX Design Lead habe ich drei Jahre lang das Redesign der Viseca one Apps für iOS und Android verantwortet – 2 Millionen Nutzer:innen – und das digitale Onboarding für die Cumulus- und Manor-Kreditkarten gestaltet.

Rolle
UX Design Lead
Zeitraum
2021 – 2024
Plattform
iOS · Android
Team
Lead + 2 Designer:innen, Product, Entwicklung
  • 2 Mio.Nutzer:innen
  • 2Plattformen: iOS und Android
  • 2Designer:innen fachlich geführt
  • 3Jahre Gesamtverantwortung UX/UI

Ausgangslage

Eine App, die zwei Millionen Menschen im Alltag brauchen.

Mit Viseca one verwalten Karteninhaber:innen ihre Kreditkarten: Transaktionen prüfen, Online-Zahlungen freigeben, Karten sperren und Bonuspunkte im Blick behalten. Bei dieser Reichweite wird jede Unklarheit zum Support-Anruf – und jede gute Entscheidung spürbar.

Das Redesign hatte zwei Ziele: die über Jahre gewachsene App auf beiden Plattformen zeitgemäss und nativ zu machen und gleichzeitig ein neues Geschäftsfeld zu ermöglichen. Kreditkarten wie die Cumulus- und die Manor-Karte sollten vollständig digital beantragt werden können.

Besonders wichtig war uns, die Guidelines beider Plattformen ernst zu nehmen. Aus einer iOS-App, die auf Android fast genauso aussah, wurde eine App, die sich auf dem iPhone nach Apples Human Interface Guidelines und auf Android nach Material Design richtet – mit gemeinsamer Marke, aber vertrauten Mustern für Navigation, Bedienelemente und Systemverhalten.

Meine Rolle

Verantwortlich für UX und UI – von der ersten Frage bis zum Release.

  • Gesamtverantwortung UX/UI

    Für beide Apps und das digitale Onboarding, in enger Abstimmung mit Product Ownern und Entwicklung.

  • Research & Usability-Tests

    Planung, Durchführung und Auswertung – damit Entscheidungen auf Beobachtungen beruhen statt auf Meinungen.

  • Designbibliothek

    Aufbau und Pflege der Komponenten für iOS und Android – mit gemeinsamen Grundlagen und plattformgerechten Varianten – als verlässliche Basis für Design und Entwicklung.

  • Fachliche Führung

    Zwei Designer:innen begleitet: Reviews, Prioritäten, Qualität und persönliche Entwicklung.

Vorgehen

Vom Verstehen zum Verbessern.

  1. Research

    Interviews, Analyse bestehender Nutzungsdaten und häufiger Support-Anliegen, Review der bestehenden Flows.

  2. Personas & Flows

    Die wichtigsten Aufgaben als User Flows abgebildet – vom schnellen Blick auf die letzte Zahlung bis zur Kartensperre.

  3. Wireframes & UI

    Konzepte als Wireframes und klickbare Prototypen, umgesetzt mit Komponenten aus der Designbibliothek.

  4. Testen & iterieren

    Usability-Tests mit echten Kund:innen vor dem Release, danach Feedback und Kennzahlen als Grundlage für die nächste Iteration.

  1. 1 Karte wählen
  2. 2 Angaben
  3. 3 Identifikation
  4. 4 Prüfung
  5. 5 Karte bereit
Schematisch dargestellt, weil die Antragsstrecke mit Identifikation und Bonitätsprüfung sensible Daten zeigt: kurze, klar benannte Schritte mit sichtbarem Fortschritt.

Digitales Onboarding

Eine Kreditkarte beantragen, ohne Papier und ohne Rätsel.

Ein Kreditkartenantrag ist regulatorisch anspruchsvoll: Identifikation, Bonitätsprüfung und rechtliche Hinweise gehören zwingend dazu. Meine Aufgabe war, daraus einen Ablauf zu machen, den man am Handy in einem Zug abschliessen kann.

Die Leitlinien dafür: nur fragen, was wirklich nötig ist; Fortschritt jederzeit sichtbar machen; Fehler früh und verständlich abfangen; und Juristisches in eine Sprache übersetzen, die man versteht.

Sechs Screens der Antragsstrecke: Kartendesign wählen, eigenes Bild hochladen, zuschneiden und Vorschau der fertigen Karte
Ein Ausschnitt in Originalscreens: Beim Antrag der Cumulus-Karte wählen Kund:innen zwischen Standard-, Migros- und eigenem Design – mit Bildauswahl, Zuschnitt und sofortiger Vorschau der Karte.

Bei zwei Millionen Nutzer:innen gibt es keine Randfälle – nur Menschen, die man noch nicht getroffen hat.

Was ich aus dem Projekt mitnehme