STEP Niedersachsen

Die STEP Niedersachsen bietet ein Netzwerk aus Einrichtungen und Angeboten der Sucht-, Jugend- und Eingliederungshilfe. Wir haben den Internetauftritt neu konzipiert, gestaltet und umgesetzt.

Kurzinformation

Rolle

  • UX Designer
  • UI Designer
  • Frontend-Developer
  • Einrichtung CMS

Tools

  • Workshops
  • User Interviews
  • User Stories
  • Paper- & Hifi-Prototypes
  • Wireframes
  • Figma
  • HTML, CSS, JS
  • Statamic

Zeitspanne

2018 - bis jetzt

Die Herausforderungen und Ziele

Die STEP berät, betreut und behandelt Menschen mit und zu Suchtproblematiken. Ziel war es, über 40 Einrichtungen sowie die Geschäftsstelle als Anker in ein Internetangebot zu integrieren und dabei einen schnellen und komfortablen Zugang zu den einzelnen Angeboten zu gewährleisten. Zudem sollte sich das große Fachwissen aus den Einrichtungen auf der Webseite wiederfinden und weiteren Personen Zugang zu Themen und Angeboten der STEP verschaffen.

Den Nutzer und seine Bedürfnisse verstehen

Wir nutzten mehrere Tages-Workshops, um zuerst unseren Kunden und seine Ziele, später dann die potenziellen Nutzer der geplanten Webseite kennenzulernen. Dabei wurde das bestehende Angebot und die Statistiken analysiert. In internen Interviews mit Fachpersonal sowie mit externen Partnern erhielten wir wichtige Erkenntnisse, die sortiert und gesammelt in das Konzept einfließen sollten.

Die Webseite vor dem Relaunch

Erste Konzepte wurden zusammen mit Nutzern überprüft

Konzeption

Mit den gewonnenen Daten erstellten wir Empathy Maps und User Stories, die im späteren Verlauf als Ankerpunkte für Überlegungen dienten.

Auf Basis von "How might we"-Fragen erarbeiteten wir gemeinsam mit dem Redaktionsteam mögliche Ideen für Funktionen und planten diese mithilfe einer "Wirkung & Aufwand"-Einordnung in den zukünftigen Projektablauf ein.

Ideenentwicklung und erste Tests

Im nächsten Schritt erstellten wir User Flows und stimmten die umfangreiche Informationsarchitektur ab. Wie sich in den ersten Phasen des Projekts herausstellte, war dies eine der Hauptaufgaben. Im bisherigen Webangebot fanden die Nutzer selten die benötigten Informationen.

Zudem wurde ein neuer Bereich konzipiert und in das Webangebot eingebaut: Das Magazin. Dieses wird zukünftig mit dem gesammelten Fachwissen der über 40 Einrichtungen gefüllt und kann leicht an mehreren Stellen des Angebots ausgespielt werden.

Ersten einfachen Prototypen folgten Wireframes, die von Nutzern ausgiebig getestet und somit weiter verfeinert und optimiert werden konnten.

Bevor es in die Programmierung ging, erarbeiteten wir Hifi-Prototypen, die dem Kunden eine präzise Vorstellung des Designs gaben. So konnte das Konzept vor der Umsetzung noch einmal ausgiebig von Nutzern getestet werden.

Development

Für dieses umfangreiche Webangebot setzen wir das Content-Management-System "Statamic" ein, damit das Redaktionsteam die Inhalte einfach einarbeiten und ändern kann. Ein Style Guide wurde etabliert, um zukünftige Erweiterungen konsistent und einfach zu implementieren.

Das Ergebnis

Der Prozess mit großen Abstimmungsblöcken, die in Form von Workshops abgehalten wurden, war ein schöner Erfolg. Die Nutzerzahlen konnten gesteigert werden und die Kommunikation der STEP Niedersachsen wurde auf mehreren Ebenen vereinfacht.

Interessiert an einer Zusammenarbeit?

Sie benötigen Unterstützung bei einem Ihrer nächsten Projekte?

Wir freuen uns auf Ihre E-Mail oder Anruf.