EN

Markus Rozkalns

Projekte · Weitere Branchen

DNB Websites für das Baltikum

Eine baltikumweite Ausschreibung gewonnen und die Websites und das Designsystem der DNB für drei Länder gestaltet. Nach der Fusion mit Nordea behielt Luminor unsere Website als Plattform.

Kunde
DNB Bank, heute Luminor
Land
Lettland, Litauen, Estland
Branche
Banking
Jahr
2016–2020
Meine Rolle
Projektleitung und UX-Lead
Team
Ein UI-Designer für die Visuals; externe Entwickler bauten die Websites
Die Hypothekenseite von DNB auf einem Laptop

Problem

Die DNB brauchte neue Websites für Lettland, Litauen und Estland, von Grund auf, passend zu ihrer Strategie: weniger, klarere Wahlmöglichkeiten für Kunden.

  • Drei Länder, ein einheitliches Erlebnis
  • Externe Entwickler sollten alle drei Websites bauen, auch Seiten, die wir nie gestaltet hatten
DNB-Gebäude mit dem DNB-Logo an der Fassade

Vorgehen

Jede Entscheidung lässt sich auf Evidenz zurückführen. Jeder Schritt hat eine ID, und jedes Insight und jede Entscheidung nennt die Evidenz, aus der es stammt.

  1. S001

    Source

    Die Strategie der DNB

    Weniger, klarere Wahlmöglichkeiten für Kunden.

  2. S002

    Source

    Das Entwickler-Setup

    Externe Teams sollten alle drei Websites bauen und erweitern.

  3. E001

    Evidence

    Zu viele Produkte

    Fünf Kreditkarten, wo zwei genügen.

    Aus S001

  4. E002

    Evidence

    Vor allem Privatkunden

    Die grosse Mehrheit der Besucher sind Privatkunden.

    Aus S001

  5. I001

    Insight

    Weniger zeigen, Schritt für Schritt

    Eine ruhige Seite unterstützt weniger, klarere Wahlmöglichkeiten.

    Aus S001, E001

  6. D001

    Decision

    Fokussierte Layouts

    Grosse Rechner und bildschirmfüllende Elemente, die sich beim Scrollen nacheinander zeigen.

    Aus I001

  7. D002

    Decision

    Aus fünf Karten wurden zwei

    Die Website unterstützt das reduzierte Angebot.

    Aus E001

  8. D003

    Decision

    Privatkunden als Standard

    Firmenkunden wechseln über das Menü.

    Aus E002

  9. D004

    Decision

    Ein Web-Styleguide

    Jede Komponente mit Code-Snippets, damit Entwickler neue Seiten bauen können.

    Aus S002

Lösung

Ich habe das Projekt und die UX geleitet, von der Ausschreibung bis zur Übergabe. Ein UI-Designer hat die Visuals gestaltet.

Drei Websites

Wir gewannen zuerst die lettische Ausschreibung, dann das baltikumweite Finale.

  • Minimalistische, ablenkungsfreie Layouts
  • Grosse Rechner und bildschirmfüllende Elemente, die sich beim Scrollen nacheinander zeigen
  • Privatkunden als Standard, Firmenkunden über einen Schalter im Menü
  • 30+ Seitendesigns
Produktseite mit dem Leasingrechner für Autos
Produktseite mit dem Leasingrechner
Startseite mit dem Bereich zur Mobile Bank
Startseite mit der Mobile Bank
Übersicht über DNB-Seitendesigns
Eine Auswahl aus über 30 Seitendesigns

Designsystem

Ein Web-Styleguide mit allen Komponenten und Code-Snippets, damit die Entwickler auch Seiten bauen konnten, die die Designs nicht abdeckten.

Übersicht des Web-Styleguides
Web-Styleguide: Übersicht
Farbpalette im Styleguide
Farbpalette
Rastersystem im Styleguide
Rastersystem
Call-to-Action-Zeilen im Styleguide
Call-to-Action-Zeilen

Ergebnis

Drei Länder liefen nun auf einem System aus über 30 Seitendesigns, und aus fünf Kreditkarten wurden zwei. Nach der Fusion von DNB und Nordea zu Luminor wählte Luminor unsere DNB-Website als Plattform und beauftragte uns mit dem Redesign für den Rebrand. Sie ist bis heute in Gebrauch.

Die Übergabe lief reibungslos: Die Entwickler bauten neue Seiten aus dem System ohne grössere Probleme.

Website von Luminor auf einem MacBook Pro, dahinter unscharf die Geschäftskundenseite auf einem grossen Bildschirm
Die Website von Luminor heute, weiterhin auf dem DNB-Design aufgebaut

Nächstes Projekt

Geldmuseum der Bank of Latvia
Alle Projekte