Neue Perspektiven

Visionaere realisiert barrierefreien Website Relaunch für apoAsset

Viele Finanzunternehmen stehen vor der Herausforderung, in ihrem Digitalauftritt den höchsten Ansprüchen an Sicherheit, Transparenz und Benutzerfreundlichkeit gerecht zu werden. Als Design- und Digitalagentur mit besonderer Expertise für Finanzdienstleister begleitet Visionaere sie bei dieser Aufgabe. Das jüngste Beispiel ist der kürzlich abgeschlossene barrierefreie Website Relaunch für Apo Asset Management, mit dem die auf Gesundheits- und Multi-Asset-Fonds gleichermaßen spezialisierte Boutique ihre digitale Identität neu aufgesetzt hat. Technologisch steht dahinter ein maßgeschneidertes System auf der Basis des CMS WordPress, das Flexibilität und Zukunftssicherheit garantiert.

Mit dem apoAsset-Relaunch belegen die Fondsgesellschaft und die Agentur Visionaere, wie sich strategisches Design und innovative Technologie in einem nutzerzentrierten Online-Auftritt vereinen lassen, der nicht nur optisch überzeugt, sondern auch für jeden Nutzer zugänglich und funktional ist. 

Die Weichenstellung: Vom Strategie-Workshop zum nutzerzentrierten Design

Die Weichenstellung für den Relaunch erfolgte im Rahmen eines strategischen Remote-Workshops. Im interdisziplinär besetzten Projektteam wurden zusammen mit den apoAsset-Experten aus Geschäftsführung, Marketing und Vertrieb die wichtigsten Anforderungen definiert. Eine Konkurrenzanalyse der Agentur Visionaere lieferte Einblicke in die Marktsituation und Best Practices und lieferte Impulse für die neue Informationsarchitektur. Dabei lag der Fokus darauf, die spezifischen Bedürfnisse der verschiedenen Zielgruppen – von Privatanlegern über Berater und Partner bis hin zu institutionellen Investoren – in eine neue, nutzerzentrierte Struktur zu überführen. Ziel war es, die Navigation intuitiv zu gestalten und die Komplexität des Fondsbereichs zu reduzieren, um die Nutzerpfade zu verkürzen.

Klare Optik, intuitive Navigation

Ein zentrales Ziel des Redesigns war die Umsetzung des Wunsches nach einem cleanen, großzügigen Look. Die zum Teil komplexen Finanzprodukte sollten zugänglich und verständlich gestaltet werden, die doppelte Spezialisierung von apoAsset auf Multi-Asset- und Gesundheitsfonds sichtbar gemacht werden.

Besonderes Augenmerk lag auf der Gestaltung des Bereichs „Einblicke“, der die Expertise von apoAsset mit aktuellen Beiträgen, Videos und Pressemitteilungen untermauert. Durch eine interaktive Filtermöglichkeit können Nutzer die Inhalte nach ihren individuellen Interessen sortieren. Dies steigert die Relevanz der Informationen und stärkt die Bindung an die Marke.

Barrierefreiheit als Design-Grundprinzip

Barrierefreiheit wurde von Beginn an als integraler Bestandteil des Designs betrachtet und nicht als nachträgliche Anpassung. Das Designteam orientierte sich an den umfassenden Vorgaben der WCAG 2.2 (Web Content Accessibility Guidelines), die weit über die reinen gesetzlichen Anforderungen hinausgehen. Diese strategische Herangehensweise schafft einen entscheidenden Mehrwert und stärkt das Markenimage. Sven Lützen, Geschäftsführer Strategieberatung bei Visionaere, unterstreicht die Wichtigkeit dieses Ansatzes: „Eine barrierefreie Website ist – gerade für verantwortungsvolle Finanzunternehmen keine bloß gesetzliche Notwendigkeit. Sie drückt den Anspruch von Unternehmen aus, Produkte und Inhalte für möglichst viele Menschen zugänglich zu machen.“

In der Praxis bedeutet dies die konsequente Umsetzung verschiedener Designentscheidungen. Dazu gehört die Gewährleistung starker Kontraste zwischen Text und Hintergrund, um die Wahrnehmung für sehbehinderte Nutzer zu optimieren. Darüber hinaus wurden deutliche Fokus-Indikatoren implementiert, die Nutzern mit motorischen Einschränkungen eine intuitive Tastaturnavigation ermöglichen. Die Bereitstellung von aussagekräftigen Alternativtexten für alle Bilder und Grafiken stellt zudem sicher, dass Screenreader und andere unterstützende Technologien die visuellen Inhalte korrekt vermitteln können. Diese sorgfältige Umsetzung sorgt dafür, dass die Website für eine breite Zielgruppe ohne Einschränkungen nutzbar ist und demonstriert ein tiefes Verständnis für inklusives Design.

„Eine barrierefreie Website ist keine bloß gesetzliche Notwendigkeit, sondern Ausdruck des Anspruchs, Produkte und Inhalte für möglichst viele Menschen zugänglich zu machen.“

Sven Lützen
Geschäftsführer Strategieberatung bei Visionaere

Technische Architektur für maximale Effizienz

Die strategischen und gestalterischen Entscheidungen wurden durch eine robuste und zukunftssichere technische Umsetzung untermauert. Dabei setzte Visionaere auf eine moderne und agile Architektur.

Ein modulares System mit WordPress, Timber und ACFack

Für den Relaunch wurde eine Kombination aus dem CMS WordPress, der Erweiterung Timber (Twig Templates) und dem Advanced Custom Fields (ACF) Plugin gewählt. Timber trennt die Programmlogik (PHP) von der Darstellung (HTML), was zu einem sauberen Code sowie schnellerer Entwicklung und Wartung führt. Das ACF-Plugin liefert die notwendige Flexibilität, um auch komplexe Inhaltsstrukturen für Redakteure intuitiv bearbeitbar zu machen. Dieser modulare Aufbau ist die Basis für eine effiziente Weiterentwicklung der Website und gewährleistet, dass zukünftige Anpassungen ohne großen Aufwand umgesetzt werden können. Dies reduziert die langfristigen Betriebskosten für den Kunden und ermöglicht eine hohe Agilität.

Datenintegration als Herzstück der Fonds-Website

Ein zentraler Aspekt einer modernen Finanzwebsite ist die zuverlässige tagesaktuelle Darstellung von Fondsdaten. Um dies zu gewährleisten, wurden verschiedene API-Schnittstellen angebunden, die Fondsinformationen von Datenanbietern und Kapitalverwaltungsgesellschaften (KVGs) wie HANSAINVEST und Anevis nahtlos in die Website integrieren.

Diese Anbindung ermöglicht die automatische Ausspielung von Fondsinformationen in Echtzeit, was manuelle Aktualisierungen überflüssig macht und die Verlässlichkeit der Daten sicherstellt. Diese technische Lösung gewährleistet, dass sowohl Privatanleger als auch Vertriebspartner oder institutionelle Investoren jederzeit auf aktuelle Informationen zugreifen können.

Maßgeschneiderte Inhalte für unterschiedliche Profile

Die technische Umsetzung spiegelt die Zielgruppenkonstellation von apoAsset wider. Das Development-Team von Visionaere entwickelte eine Lösung, die individuelle Ausgaben für unterschiedliche Nutzerprofile ermöglicht. Basierend auf der Profilauswahl (Privatanleger, Berater & Partner, Institutionelle Investoren) werden spezifische Inhalte, Navigationselemente und Dokumente angezeigt. Dieser Ansatz sorgt für eine hohe Relevanz der angezeigten Informationen und reflektiert zugleich die rechtlichen Anforderungen. Die gesamte Website wurde zudem vollständig responsiv entwickelt, um eine optimale Darstellung auf allen Endgeräten – von Desktop über Tablet bis hin zu mobilen Geräten – zu gewährleisten.

Zusammenarbeit liefert die besten Ergebnisse

Der Erfolg des Projekts ist das Ergebnis einer engen und vertrauensvollen Zusammenarbeit. Die enge Taktung der Umsetzung, die in nur 4,5 Monaten realisiert wurde, ist ein Beleg für die Geschwindigkeit und Agilität der Projektteams bei Agentur und Auftraggeber. Sandra Düppe, Managerin Kommunikation & Marketing bei apoAsset, bewertet die Zusammenarbeit sehr positiv: „Der Relaunch lief trotz des ambitionierten Zeitplans reibungslos. Die Zusammenarbeit mit Visionaere war von Beginn an von gegenseitigem Vertrauen und einem tiefen Verständnis für unsere Bedürfnisse geprägt. Das überzeugende Ergebnis zeigt, dass Verlässlichkeit und ein gemeinsames Ziel die Basis für erfolgreiche digitale Projekte sind.“

„Die Zusammenarbeit mit Visionaere war von Beginn an von gegenseitigem Vertrauen geprägt. Das überzeugende Ergebnis in nur 4,5 Monaten zeigt, dass Verlässlichkeit die Basis für erfolgreiche Projekte ist.“

Sandra Düppe
Managerin Kommunikation & Marketing bei apoAsset

Ausblick

Mit dem neuen Webauftritt positioniert sich apoAsset als moderner, zukunftsorientierter Akteur im Finanzmarkt. Die modulare Struktur ermöglicht es, die Plattform kontinuierlich weiterzuentwickeln und an die Bedürfnisse der Nutzerinnen und Nutzer anzupassen. 

Positive Aspekte dieses Projekts:

  • Frühzeitige Einbindung aller Stakeholder: Eine straffe Projektzeitplanung erfordert die kontinuierliche, enge Kommunikation und Entscheidungsfreudigkeit aller Beteiligten.
  • Barrierefreiheit als strategische Investition: Barrierefreiheit ist keine Option, sondern Notwendigkeit und Qualitätsmerkmal zugleich, das die Reichweite und Wahrnehmung der Marke verbessert.
  • Modularität für Zukunftsfähigkeit: Die Entscheidung für einen modularen Aufbau (Timber & ACF) reduziert nicht nur die Entwicklungszeit, sondern ermöglicht auch eine kostengünstige Skalierung in der Zukunft.
  • Qualitätssicherung als Daueraufgabe: Um die Barrierefreiheit nach dem Relaunch zu gewährleisten, sollten auch Prozesse für die Content-Erstellung etabliert werden.
Projekt Steckbrief
  • Responsive Website
  • WordPress-basiert
  • Fondsdaten von Hansainvest und Anevis
  • Barrierefrei nach WCAG-Kriterien

Zur Case Study

Artikel teilen

Sie planen einen Relaunch?

Sie möchten wissen, wie barrierefrei Ihre Website ist? Oder planen eine neue Webpräsenz? Gerne unterstützen wir Unternehmen, die digitale Zugänglichkeit, starke Performance und zeitgemäßes Design vereinen möchten.

 

Gerne führen wir eine kostenlose BFSG-Erstanalyse Ihrer bestehenden Website durch – kompakt, fundiert und mit klaren Handlungsempfehlungen.

Kontakt

Sven Lützen

Geschäftsführer Strategie

030 78 09 66 – 71