ReferenzenStephanus-Stiftung

Relaunch für die Website der Stephanus-Stiftung

Die Stephanus-Stiftung ist einer der ältesten karitativen Sozialträger in Berlin und ist Mitglied im Diakonischen Werk Berlin-Brandenburg-schlesische Oberlausitz. 

Mit ihren gemeinnützigen Tochtergesellschaften unterstützt sie 10.000 Menschen in besonderen Lebenslagen an 140 Standorten in Berlin und Brandenburg. 4.500 Mitarbeitende pflegen, begleiten, bilden, beraten Kinder, Jugendliche, Familien, Menschen im Alter, Menschen mit Behinderung oder psychischer Erkrankung sowie Geflüchtete. 

Zu den Angeboten von Stephanus zählen Wohnangebote und Werkstätten für Menschen mit Beeinträchtigung, Wohn- und Pflegeangebote für Senior:innen, Schulen, Kitas, Beratungsstellen und Hospizdienste.

Die Ausgangslage

Wir wurden gemeinsam mit der Berliner Kampagnen-Agentur Wigwam mit dem Relaunch des Webauftritts beauftragt. Dabei kümmerten sich die Kolleg:innen von Wigwam um den Strategie-und Konzeptionsprozess, wir übernahmen die technische Beratung und Umsetzung – CMS-Sitebuilding, Frontend- und Backend-Entwicklung.

Der Webauftritt von Stephanus sollte kreativ, konzeptionell und technisch weiter entwickelt werden. Dabei wurde der Prozess als Zusammenspiel von Auftraggeber mit 2 Agenturen von langer Hand sehr gut vorbereitet und sämtliche Stakeholder wurden einbezogen.

Jeder gute Prozess ist faktenbasiert angereichert und so war eine Analysephase dem gesamten Prozess vorgelagert. Hier wurden Personas entwickelt, Interviews geführt und in User-Stories festgehalten. Die Zugriffe auf die Website, Touchpoints und das Nutzerverhalten wurden analysiert und dienten in der folgenden Konzeptionsphase als Grundlage der Strategie. Diverse Workshop-Phasen strukturierten den Konzeptionsprozess und halfen dabei, die getroffenen Annahmen immer wieder rückzukoppeln. 

Der Konzeptionsprozess wurde von uns als Entwicklungsagentur beratend begleitet so dass keine Wissenslücken entstanden und technische Fragen frühzeitig bearbeitet werden konnten. Für den Relaunch wurden schliesslich drei zentrale Ziele formuliert.  

Startseite auf verschiedenen Geräten
Startseite mit Angebotsfinder, Terminfinder, Detailseite

Konsequente Kundenzentrierung 

Nutzerinterviews belegten, dass die Auffindbarkeit von Informationen aus dem großen Angebot des Sozialträgers für Nutzerinnen und Nutzer häufig mühsam ist. Es gibt eine Vielzahl von Informationen verschiedener Wichtigkeitsstufen, die in den verschiedenen Navigationsebenen zu finden sind. Das Hauptmenü auf der bisherigen Website war breit gefächert und für die Bedürfnisse der Menschen nicht unterstützend genug strukturiert. 

Bei der Neukonzeption sollte die Nutzerperspektive radikal in den Vordergrund gestellt werden um die User schnell zu den Inhalten zu führen, die für sie nützlich sind.

Die Lösung

Die Website wird vor allem von Angehörigen und Betroffenen genutzt, bei denen eine relevante Lebensentscheidung ansteht. Die Auswertungen der Recherchephase zeigten, dass die meisten Nutzenden wissen was sie auf der Website suchen. Entsprechend wurde die Navigation so entwickelt, dass die Angebote entlang der Bedarfe und relevanten Lebensabschnitte aufgebaut sind.

Damit ist die Navigation sehr übersichtlich, die Bereiche Spenden und Karriere sind mit Direktlinks erreichbar.

Menüdarstellung, Übersichtsseite Kinder und Teaserdarstellung
Menüdarstellung entsprechend der Zielgruppen, Übersicht Angebots für Kinder, Teaser und Direktlinks

Als Tochter eines alleine lebenden Vaters möchte ich auf kurzem Weg erfahren, was die Tagespflege beinhaltet, so dass ich einschätzen kann, ob dies eine gute Lösung für meinen Vater ist.

User-Story 19/34

Aus Suchfunktion wird Angebotsfinder

Usertests zeigten, dass die Suche nach dem passenden Angebot ein zentrales Anliegen darstellt, was auf der alten Website gleichzeitig die größte Herausforderung darstellte.
Eine Suchfunktion war zuvor im Meta-Menü platziert, eine weitere Suchfunktion war im Bereich „Beraten“ und den Unterpunkten platziert. Diese war visuell komplex gestaltet und bot aus Nutzerpersepktive keine ausreichende Unterstützung. 

Die Lösung

Als zentrales Element der neuen Website dient der „Angebotsfinder“. Hier können sich die Nutzer und Nutzerinnen nach Region, Altersgruppe und Unterstütungsbedarf die Angebote filtern. Die Konzeption des Angebotsfinders baut auf den Erkenntnissen der Bedarfsanalyse auf und unterstützt gleichzeitig die Orientierung.

Die Filterung nach Stadt/Region wurde komplett neu gedacht: Angebote in Berlin sind in Nord und Süd gruppiert und die Angebote in Brandenburg sind unter 3 regionalen Bereichen zu finden. Die Filter sind miteinander kombinierbar um die Nutzer:innen schnell zum Ziel ihrer Suche zu führen. 

Der Angebotsfinder ist intuitiv verständlich, technisch unterstützend und barrierefrei konzipiert und umgesetzt.

Screenshots mit Angebotsfinder und Filteroptionen
Angebotsfinder, Darstellung kombinierbarer Filtermöglichkeiten

Reduktion von Menge und Struktur

Die Verschlankung der Inhalte war ein weiteres wichtiges Ziel. Dies sollte vor allem dazu dienen, den Nutzer:innen mehr Übersichtlichkeit zu bieten. Der Nutzen für die Performance waren dabei ein ebenso gewünschter Effekt, denn besonders die mobile Informationssuche wird von den Zielgruppen genutzt. 

Aus den Nutzer-Interviews wurde deutlich, dass die Informationen auf der Website vor allem übersichtlich dargestellt werden sollten. Für die schnelle Kontaktaufnahme sollte eine überall klare Zuständigkeit erkennbar sein.

Aktualität, fundierte Tiefe und weiterführende Inhalte spielen eine untergeordnete Rolle.

Die Lösung

Allgemeine, gut strukturierte Informationen bilden das grundlegende Gerüst der Website. Großes Augenmerk liegt auf der Übersichtlichkeit, wobei die Navigationsstruktur und die Gliederung der Angebote entlang den Bedürfnissen der Zielgruppen entwickelt wurde. Ein Kontaktmodul ist obligatorisch.

Die Informationstiefe wird über weiterführende Angebote in den Angebotsbereichen geschaffen. 

Unsere Leistungen im Projekt

  • Technische Beratung
  • Systemarchitektur
  • Drupal-Sitebuilding
  • Frontend- und Backend-Entwicklung
  • Schnittstellenanbindungen

Ansprechperson

Portraitfoto Daniel Braunschweig

Daniel Braunschweig
Kundenberatung & Projektmanagement

Erzählen Sie uns von Ihren Ideen und lassen Sie uns herausfinden, wie wir auch Sie unterstützen können.

Kontakt