Sprunglinks

Relaunch igsbern.ch

In­ter­es­sen­ge­mein­schaft So­zi­al­psych­ia­trie Bern (igs bern)

zur Website

Der Verein igs bern begleitet, betreut und behandelt psychisch und kognitiv beeinträchtigte Menschen; hauptsächlich in betreuten Wohngruppen und einer Spezialklinik für junge Erwachsene.  Die Website entsprach nicht mehr den aktuellen Bedürfnissen. Der neue Auftritt bildet die verschiedenen Angebote klar und übersichtlich ab und macht die Informationen schnell auffindbar.

Unsere Services
Konzept & Design, Programmieren
Jahr
2020
zur Website
Screenshot der Startseite von igsbern.ch, Programmierung & Design by fugu GmbH Webagentur Bern
Screenshot der Startseite von igsbern.ch, Programmierung & Design by fugu GmbH Webagentur Bern

Ziele der neuen Website

Die igs bern wünschte sich einen neuen, zeitgemässen Webauftritt. Dieser sollte Corporate Identity und Corporate Design online transportieren und die verschiedenen Angebote gut auffindbar strukturieren. Der Verein wünschte sich eine einfach editierbare Website, welche die aktuellen Anforderungen in Sachen UX und Usability erfüllt, responsive ist und für Suchmaschinen optimiert.

Landingpages, Online-Agenda und vereinfachte Kommunikation

Von Innen- zu Aussensicht: Die neue Website stellt die zwei Hauptangebote der igs bern in den Vordergrund. Die individuellen Landingpages sind direkt vom Header auf der Startseite aus zugänglich und verfügen über ein eigenes Layout, welches die Inhalte klar strukturiert präsentiert. Die Angebote und Kontaktmöglichkeiten sind klar getrennt und für das Zielpublikum einfacher auffindbar.

Die Veranstaltungen, zuvor nur in Textform aufgeschaltet, erhalten auf einer eigenen Seite mehr Präsenz. Aufgrund des grossen Anklangs wurde der Veranstaltungskalender mittlerweile mit einem Online-Anmeldeformular und einem E-Mail-Reminder ausgebaut.

Für die Kommunikation nutzt igs bern das integrierte Newsletter-Tool. Das sowohl für die Kommunikation gegen aussen als auch für die interne Kommunikation mit den rund 60 Mitarbeitenden an den verschiedenen Standorten.

Zusammenstellung verschiedener Ausschnitte der Seite "Wohnen" von igsbern.ch, Design von fugu GmbH Webagentur Bern
Zusammenstellung verschiedener Ausschnitte der Seite "Wohnen" von igsbern.ch, Design von fugu GmbH Webagentur Bern

Einfache Auszeichnung von Inhalten

Eine Anforderung von igs bern bestand darin, freie Plätze in den Wohngruppen effizienter zu publizieren und nicht mehr an mehreren Orten erfassen zu müssen. Das funktioniert nun ganz einfach mit einer Checkbox. Danach werden die freien Plätze direkt beim  Angebot auf der Startseite sowie bei der entsprechenden Wohngruppe im Footer angezeigt. Die Mitarbeitenden werden mit allen benötigten Angaben (z. B. Foto) in einer eigenen Datenbank geführt. Von dort aus können sie mit wenigen Klicks den passenden Wohngruppen oder einem Event zugeordnet werden. So ist es nicht mehr notwendig, Teammitglieder, die an verschiedenen Standorten arbeiten, mehrfach zu erfassen.


Zusammenstellung verschiedener Ansichten der Website igsbern.ch, auf der die freien Plätze in den Wohngruppen angezeigt werden. Programmierung von fugu GmbH Webagentur Bern.
Zusammenstellung verschiedener Ansichten der Website igsbern.ch, auf der die freien Plätze in den Wohngruppen angezeigt werden. Programmierung von fugu GmbH Webagentur Bern.

Kein 08/15

Viel Spass haben Entwurf und Programmierung der Animationen gemacht: Die Blasen im Header auf der Startseite, die Wellenlinien der Bilder sowie die eingeblendeten Titel auf den Landingpages.

Eine Herausforderung für das Design war die Platzierung der Inhalte der Projekte KBS und psy.ch, welche die igs bern koordiniert. Hier durften wir auch konzeptionell beraten, um die richtigen Informationen am richtigen Ort zur Verfügung zu stellen.

Barrierefrei und suchmaschinenoptimiert

Umgesetzt haben wir die Website mit dem fugu-CMS Fuman. Die Inhalte sind von Haus aus technisch für die Suchmaschinen optimiert. Sprechende URLs, saubere Seitentitel und Meta-Tags (Title, Description) sind fest implementiert. Die Daten sind mittels schema.org maschinenfreundlich formatiert. Das CMS ist sowohl im Frontend als auch im Backend barrierefrei für Blinde und Sehbehinderte bedienbar.

Projekt ansehen