Case Study

Zeit für Veränderung

Bernecker — Corporate Design, UI/UX und Webauftritt für 60 Jahre Börsenerfahrung

Ein Haus mit 60 Jahren Börsenerfahrung, ein Auftritt von gestern: Für die Hans A. Bernecker Börsenbriefe GmbH entstand ein Corporate Design, das Rot gegen Grün tauscht — in der Finanzwelt der Unterschied zwischen fallendem und steigendem Kurs. Dazu eine eigene Ikonographie für die engen Spalten der Börsenbriefe und ein UI, das Shop, Mediathek, Konto und Leserforum ohne Reibung nebeneinander stellt.

Verlagswesen
Bildung
Bankwesen & Finanzen
Corporate Design
Grafikdesign
UI/UX Design
Webdesign
Exhibition Design

Ein Tablet mit der neuen Bernecker-Startseite: grüner Kursverlauf, Kurstabelle und Newsticker

Die alte Bernecker-Website auf einem Röhrenmonitor, daneben das Wort „Ausgangslage“ — Wie viele andere Unternehmen hat die Bernecker GmbH lange mit diesem Schritt gewartet. Zu groß erscheint die Gefahr, alte Strukturen aufzubrechen und Bestandskunden zu vergraulen. Wagemutig wurde hier dennoch der Entschluss getroffen und ein tolles Ergebnis erzielt.

Bernecker erhält ein komplettes Redesign, angefangen beim Logo. Für die Aktienexperten hinter dem bekannten Namen Hans A. Bernecker, mit Börsenbriefen als Hauptprodukt, entwarfen wir eine Bildmarke, die die gesamte Expertise der Bernecker GmbH repräsentiert: Stecken Sie sich einfach das Fachwissen der Bernecker GmbH ein! Das alte Rot — Rot steht in der Finanzwelt für sinkende Kurse — weicht einem frischen Grün, das für steigende Kurse steht. Auch ein steigender Kurschart wird Teil der neuen CI.

Die Bildmarke auf grün-gelbem Verlauf — Ungewöhnlich plastisch, sorgt die Bildmarke für eine leichtere Verinnerlichung. In Kombination mit der Wortmarke, die den eleganten Schriftzug „Forum“ mit dem klaren „Roboto“ kombiniert, entsteht ein faszinierender erster Eindruck, der Interesse weckt.

Dieselbe Bildmarke auf hellem Grau — Ungewöhnlich plastisch, sorgt die Bildmarke für eine leichtere Verinnerlichung. In Kombination mit der Wortmarke, die den eleganten Schriftzug „Forum“ mit dem klaren „Roboto“ kombiniert, entsteht ein faszinierender erster Eindruck, der Interesse weckt.

Der Color Guide: zwei Grüntöne, zwei Orangetöne, zwei Graustufen mit HEX-, RGB- und CMYK-Werten — Das Farbschema beeindruckt mit einem klaren Qualitätskontrast. Kräftige Grüntöne mit leuchtenden Verläufen, unterstützt von der Aktionsfarbe Orange auf einem dezenten Grau, verleihen der Marke eine frische, lebhafte Note, ohne dabei übermäßig verspielt zu wirken.

Das Fontpairing: die Serifenschrift Forum neben der Groteske Roboto, jeweils als Alphabet — Das Farbschema beeindruckt mit einem klaren Qualitätskontrast. Kräftige Grüntöne mit leuchtenden Verläufen, unterstützt von der Aktionsfarbe Orange auf einem dezenten Grau, verleihen der Marke eine frische, lebhafte Note, ohne dabei übermäßig verspielt zu wirken.

Mehrere Ausgaben des Aktionärsbriefs im neuen Layout, gefächert auf dunklem Grund — Das Redesign von Bernecker muss flexibel auf viele Elemente und Produkte, sowohl digital als auch analog, anwendbar sein. Eine besondere Herausforderung sind dabei die stark begrenzten Platzverhältnisse in den Börsenbriefen. Um die Verständlichkeit auf engem Raum zu verbessern, wird eine eigens dafür entworfene Ikonographie entwickelt, die auch digital verwendet werden kann.

Achtzehn grüne Icons für Themen wie Analyse, Recht, Trend, Fernsehen und Märkte — Das Redesign von Bernecker muss flexibel auf viele Elemente und Produkte, sowohl digital als auch analog, anwendbar sein. Eine besondere Herausforderung sind dabei die stark begrenzten Platzverhältnisse in den Börsenbriefen. Um die Verständlichkeit auf engem Raum zu verbessern, wird eine eigens dafür entworfene Ikonographie entwickelt, die auch digital verwendet werden kann.

Sechs Jahrgänge des Wegweisers nebeneinander, jeder mit einer anderen Akzentfarbe im Kursverlauf — Weitere gedruckte Artikel sind der jährlich erscheinende „Wegweiser für Kapitalanlagen“. Wenn das neue Corporate Design von Bernecker geschickt umgesetzt wird, kann es auch für separate Themen harmonisch andere Akzentfarben aufnehmen.

Drei Rollup-Displays mit Redakteuren und dem Claim „Jetzt im neuen Glanz“ — Zusätzlich zum Corporate Design wurde die optimierte Präsentation der Redakteure und Moderatoren in Auftrag gegeben. Nach unserem Fotoshooting und entsprechender grafischer Bearbeitung können nun alle wichtigen Protagonisten in gleich hoher Qualität abgebildet und eingesetzt werden.

Drei Ansichten der neuen Website nebeneinander, darüber das Wort „Interfacedesign“ — Dreh- und Angelpunkt bleibt jedoch der digitale Auftritt. Das Webdesign von Bernecker muss sowohl funktional als auch ästhetisch überzeugen. Das UI- und UX-Design muss der Herausforderung standhalten, ein so komplexes Thema wie die Börse und Aktientrends für sowohl Neu- als auch Bestandskunden verständlich zugänglich zu machen und eine einfache Steuerung sowie Orientierung anzubieten.

Zwei Laptops mit Premium- und Publikationsseite, darüber das Wort „Unique Selling Point“ — Hierfür haben wir auf klare Grenzen und eine deutliche Einteilung mit ausreichend Differenzierungsraum gesetzt. Der Benutzer wird dabei an die Hand genommen, die Themen und Bereiche sind klar definiert. Starke Kontraste in der Farbgestaltung unterstützen die Unterscheidung und heben jedes einzelne Produkt hervor.

Ein Laptop mit der Börsenbrief-Übersicht, davor Warenkorb- und Bestellansicht als eigene Karten — Die Webseite von Bernecker verfügt über ein breites Spektrum an Funktionen und Medien, die im Einklang harmonieren müssen. Dazu gehören ein Shopsystem, eine Mediathek, Kontofunktionen, ein Forum und Produktplatzierungen. Im UI-Design haben wir klare Regeln und Hierarchien definiert, um die Benutzerfreundlichkeit deutlich in den Vordergrund zu stellen.

Ein Tablet mit den Leserforen, davor ein einzelner Beitrag als Detailansicht — Besonders interessant war es, das Forum zu gestalten, das eng mit dem Account-Status verbunden ist. Hier fließen Status, Aktivität und Rolle interaktiv zusammen.

Beitragszeilen in Grün, Orange und Weiß für Autor, Redakteur und Mitglied — Besonders interessant war es, das Forum zu gestalten, das eng mit dem Account-Status verbunden ist. Hier fließen Status, Aktivität und Rolle interaktiv zusammen.

Die Themenübersicht des Accounts auf Tablet und Desktop, mit einer Legende der Beitragsarten — Konto-Bereich und Partnerauftritte wie der Trendbrief folgen demselben System — auch hier bringt das Konzept Funktion und Auftritt zusammen.

Zwei Tablets mit dem Bernecker Trendbrief in dunkler Farbwelt, darüber das Wort „Partner“ — Konto-Bereich und Partnerauftritte wie der Trendbrief folgen demselben System — auch hier bringt das Konzept Funktion und Auftritt zusammen.

Animation des Börsenbriefhandels: die neue Startseite baut sich auf einem Laptop auf — Das Projekt Bernecker beweist, dass die Angst vor Veränderung unbegründet ist — wagemutig voranzuschreiten zahlt sich aus.

Die Seiten „Über uns“ und „Ihre Bestellung“ in voller Länge nebeneinander — Das Projekt Bernecker beweist, dass die Angst vor Veränderung unbegründet ist — wagemutig voranzuschreiten zahlt sich aus.

Weiterentwickeln statt stehen bleiben

Das Projekt Bernecker war für uns eine ganz besondere Herausforderung und zugleich ein Fest im Ergebnis.

Eine komplexe Thematik mit einer großen Einstiegshürde für Neulinge, verbunden mit dem großen Aushängeschild Hans A. Bernecker im verkrusteten Mantel alter Tage. Es ist verständlich, warum sich eine Marke davor scheuen kann, ein an sich laufendes System verändern zu wollen. Dennoch waren die Damen und Herren der Bernecker GmbH weitsichtig genug, um zu erkennen, dass dieser Zustand nicht ewig halten wird. In einer Welt, in der Neobroker aus dem Boden schießen und das Interesse an Börse und Aktien steigt, kann man sich mit Blick auf die Zukunft nicht allein auf die in die Jahre gekommenen Altkunden verlassen. Man muss wagemutig in die Zukunft schreiten, um neue Märkte zu erschließen.

Bernecker erstrahlt in einem neuen funktionsorientierten Corporate Design mit einem starken Fokus auf UI- und UX-Design, kombiniert mit einem klugen Kommunikationskonzept für den Verkauf ihrer Produkte. Bei dieser Arbeit musste gleichzeitig an viele verschiedene Medien, Altersklassen und Kenntnisgrade gedacht werden, um ein stimmiges, funktionierendes Ergebnis zu erzielen.

Mit ihrem neuen Corporate Design braucht sich Bernecker vor keinem Vergleich, aber auch vor keiner zukünftigen Option mehr zu scheuen. Es wurde ein Konzept erarbeitet, das sich flexibel und lange in die Zukunft tragen lässt und mit Kommunikationsmitteln ausgestattet ist, auf die man sich lange verlassen kann.

Kunde: Bernecker GmbH
Studio: Kreativstudio WAGEMUT
Leistungen: Corporate Design, Grafikdesign, UI/UX Design, Webdesign, Exhibition Design
Branche: Verlagswesen, Bildung, Bankwesen & Finanzen

Arbeit teilen