LCP LCP LCP

Die digitale Neugestaltung von SNS

Die digitale Neugestaltung von SNS
share-article-arrow-image
In sechs Monaten haben wir mit einem multidisziplinären Team das digitale Restyling von SNS entworfen und entwickelt. Dadurch erhielten die Website, die App und die Kundenumgebungen der Bank ein völlig neues Erscheinungsbild, das mit der neuen Ausrichtung von SNS übereinstimmt: Erst die Menschen, dann das Geld. In diesem Artikel erläutern wir Schritt für Schritt, wie wir dabei vorgegangen sind.

 

Dieser Artikel wurde geschrieben von: Bram Peulers (SNS) & Laura Chavarria (Keen Design)
Zeitraum: 6 Monate
Unsere Rollen: UX Designer & Visuelle Designer

 

 

Header SNS website
Screenshots der neuen digitalen Neugestaltung der SNS

Zuerst die Menschen. Dann das Geld.

Die SNS entwickelt sich von einer traditionellen Bank zu einer unternehmerischen Bank. Die Bank befindet sich also mitten in einer umfassenden Neupositionierung. So findet eine Verschiebung von "gemütlichen Familien" zu "Menschen mit Träumen und Ambitionen, die vorankommen wollen" statt. Diese Neupositionierung wird sich nicht nur in den Offline-Kampagnen, sondern auch in allen digitalen SNS-Kanälen widerspiegeln.


In der neuen Kampagne stehen die Menschen an erster Stelle und das Geld an zweiter. Der neue Slogan lautet daher: "Erst die Menschen. Dann das Geld". Mit dieser neuen Kampagne will SNS eine neue Zielgruppe erreichen, die so genannten "Aufsteiger". Diese Zielgruppe besteht aus jungen Menschen (18-35 Jahre), die unternehmerisch veranlagt sind und Träume und Ambitionen haben. Kurz gesagt, Menschen, die sich weiterentwickeln wollen. Und das Schöne an der neuen SNS-Kampagne ist, dass die Marke mit dieser Zielgruppe wächst. Eine frische Marke mit einem neuen Gesicht - aber mit dem vertrauten Fokus auf den Menschen, der SNS so besonders macht.

 

Das Projekt

In einem Unternehmen wie SNS ist die Umsetzung einer neuen Corporate Identity ein komplexer Prozess. In kurzer Zeit übersetzten wir die Essenz der Kampagne und der Markenidentität in einen digitalen Ausdruck, und die Begeisterung über das neue Look & Feel war innerhalb der Organisation bald spürbar. Bei der Wahl des Designs wurde uns viel Freiheit gelassen, was für einen Designer eine schöne Aufgabe ist.

Abgesehen vom SNS-Logo und der erkennbaren SNS-Farbe Lila durften wir die gesamte digitale Corporate Identity anpassen. Wir hatten jedoch die Aufgabe, bestimmte entscheidende visuelle Elemente der neuen Markenidentität und Kampagne anzupassen, um sie in der digitalen Umgebung nutzbar und entwicklungsfähig zu machen. Dazu gehörten die Verwendung von Kopfzeilen mit den Elementen des Wachstumsbalkens, eine zugängliche Farbpalette (gemäß den WCAG-Richtlinien) und die Wahl einer Textschrift, die leicht zu lesen ist und gut zur neuen Identität passt.

 

Volksbank Gestaltungssystem

Ein großer Vorteil, den wir hatten, war die Arbeit mit dem Volksbank Design System (VDS), das es uns ermöglichte, das neue Design schnell und effizient über alle Kanäle hinweg einzuführen. In diesem System werden Elemente und Komponenten definiert und bilden zusammen mit der Farbpalette und den Schriftarten eine visuelle Sprache, um Schaltflächen, interaktive Formularelemente, Navigation, Raster und viele andere Komponenten zu definieren und sie schnell und einfach an den neuen Stil anzupassen. 

Da wir als Designer mit den Entwicklern innerhalb des Unternehmens mit diesem System zusammenarbeiten, gibt es eine Konsistenz bei der Erstellung der Komponenten und Produkte, was für die Benutzererfahrung sehr wichtig ist. Der Vorteil ist auch, dass man ein Design von einer zentralen Stelle aus konvertieren kann.

Design system SNS Keen Financials
Gestaltungssystem für das SNS

Die zentralen Werte von SNS 2.0

Bevor wir uns an die Neugestaltung der Kanäle machten, erarbeiteten wir eine Reihe von Design-Kernwerten. Das neue digitale Erscheinungsbild musste mit diesen übereinstimmen:

 
1. Positiv aktivistisch

Als Bank wollen wir einen Standpunkt einnehmen. Wir denken etwas. 

Wir sind eine soziale Bank, die sich um die Menschen kümmert. 

Und dafür kämpfen wir auch. Aber immer auf eine positive Art und Weise. Das heißt, wir beziehen Stellung, aber wir tragen auch Lösungen bei.

 

2. Menschen

Wir sind die menschliche Bank. Mit echter Aufmerksamkeit. Nicht umsonst sind wir die Bank, die Geschäfte eröffnet, wo andere Banken Filialen schließen. Ausgangspunkt für alles, was wir tun - auch für unsere Kommunikation - ist immer der Mensch. In der Kampagne stellen wir unsere Kunden auf ein Podest, nicht unsere Produkte.

 
3. Nüchternheit

Wenn wir den Menschen in den Mittelpunkt unserer Kommunikation stellen, müssen wir auch eine menschliche Sprache sprechen. Einfache, klare Sprache - keine "Bankensprache". Auch visuell sprechen wir eine menschliche Sprache. Mit einprägsamen Fotografien, die Menschen real und eindrucksvoll in ihrer eigenen Welt zeigen.

 
4. Weiterleiten

Wenn man ein positiver Aktivist sein will, muss man ein bisschen voraus sein. Wir werden also immer nach einem Weg suchen müssen, Dinge anders und moderner zu machen. Visuell, in der Kommunikation, aber auch in der Produktentwicklung. Wenn wir den Menschen helfen wollen, müssen wir auch die Welt ein bisschen verändern.

 

5. Energetisch

Wir werden immer versuchen, einen enthusiastischen, überzeugenden Ton zu treffen. Unser Zielpublikum will vorankommen, und wir wollen das auch. Unsere Kommunikation muss das ausstrahlen. Sie sollte Ihnen das Gefühl geben, dass es so ist. Los geht's!

Bei SNS achten wir besonders auf die Zugänglichkeit für die Benutzer. Deshalb müssen unsere Designs für alle Benutzer zugänglich sein und den WCAG 2.1-Regeln mit einem Mindestniveau AA entsprechen. Das bedeutet zum Beispiel, dass Texte und Schaltflächen gut lesbar sein müssen, dass es einen ausreichenden Kontrast zwischen Text- und Hintergrundfarben gibt und dass auch Menschen mit Sehbehinderungen darin navigieren können.

 

Neuer visueller Stil

Der neue visuelle Stil von SNS sollte eine eigenständige Geschichte erzählen, bei der wir das menschliche Wachstum in den Mittelpunkt stellen und nicht finanzielle Randthemen. Wir haben daher einen ausdrucksstarken fotografischen Stil, markante Schriftarten und frische Pastelltöne in den Mittelpunkt unseres Designs gestellt, und die Schattierung hinter den Titeln stellt Wachstumsbalken dar, Wachstumsbalken. Dazu haben wir ein markantes rechteckiges Element hinzugefügt, eine auffällige und ansprechende Call-to-Action-Farbe.

 

Ausgeprägte Typografie

In der Anfangsphase dieses Projekts haben wir uns an die Definition der Schriftarten gemacht. Wir wollten vor allem eine markante Schrift für die Überschriften und eine gut lesbare Schrift für die normalen Texte. Für die Überschriften haben wir uns daher für die Dunbar Tall entschieden. Das ist eine markante Schrift, die gut zu der neuen Designrichtung passt, die wir mit SNS einschlagen wollen und die starke Botschaften auf menschliche und freundliche Weise vermitteln kann. Hinter den Titeln haben wir sogar eine Farbe (Flieder, Lachsrosa und Hellblau) hinzugefügt, um das menschliche Wachstum darzustellen. Für den Fließtext haben wir die passende Schriftart Mulish gewählt. Dies ist eine Google-Schriftart, die auf jedem Gerät und in jedem Browser leicht zu lesen und zu verwenden ist. Sie passt auch gut zum Look and Feel der neuen Marke.

 

 

Uitgesproken typografie
Die gewählten Schriftarten Dunbar Tall und Mulish finden sich in den Überschriften wieder.

Farbpalette

Die neue Farbpalette musste frisch wirken und gleichzeitig das "neue" SNS-Gefühl vermitteln. Letzteres bedeutet, dass auch das erkennbare SNS-Lila wieder auftauchen musste. Das ist zum Beispiel in der Menüleiste und in der Fußzeile zu sehen. Da wir der Palette aber nicht zu viel Lila geben wollten, haben wir sie um die Pastelltöne (Lachs, Hellblau, Flieder und Hellgelb) erweitert, die wir hauptsächlich als Hintergrundfarben verwenden.

Kleurenpalet
Die gewählte Farbpalette mit vielen Pastelltönen, mit denen wir gearbeitet haben.

Von der traditionellen zur dynamischen Fotografie

Ein Bild sagt oft mehr als tausend Worte, und so ist die Fotografie eine der wichtigsten Veränderungen des neuen Stils. Sie schafft sofort eine Atmosphäre. Wir sind von der traditionellen Fotografie zur dynamischen, urbanen Fotografie übergegangen. Sie werden nicht mehr den durchschnittlichen Holländer (Bart) sehen, sondern die positive und sportliche Yara. Dieser Stil findet sich auf der gesamten Website wieder. 

Kurz gesagt, wir haben uns für einen ausdrucksstarken und starken fotografischen Stil entschieden, bei dem der Mensch natürlich im Vordergrund steht. Eine visuelle Identität, die die Fotografie nutzt, um die Menschen von unserer persönlichen Aufmerksamkeit zu überzeugen. Hier steht der Mensch, für den wir letztlich alles tun, wirklich im Mittelpunkt. 

Nicht nur an der Fotografie, sondern auch am Illustrationsstil wurde kräftig geschraubt. Wir wollten einen erkennbaren Illustrationsstil, der sich von anderen Banken abhebt. Der Stil musste sich in das neue Erscheinungsbild von SNS einfügen, so dass man die frischen, farbenfrohen Illustrationen auf allen Kanälen wiederfindet.

Van traditionele naar dynamische fotografie
Von der traditionellen zur dynamischen Fotografie

Neugierig?

 

Dann werfen Sie doch einen kurzen Blick auf die Website der SNS Bank. . Möchten Sie mehr darüber erfahren, wie wir gearbeitet haben? Dann melden Sie sich einfach bei uns! Und zögern Sie nicht, uns Feedback oder Anregungen zu geben.

Bei diesem Projekt haben wir mit der Werbeagentur Alfred, der Designagentur UNKL und dem Illustrator Ming zusammengearbeitet.

Headshot of Iwan Cuijpers CEO of Keen Design
Sind Sie an unserem Fachwissen interessiert?

Lassen Sie uns eine Lösung finden!

Iwan Cuijpers