Highlights:
- Freundliches Design und übersichtliche Navigation
- Einladende Startseite mit dynamischer Darstellung aktueller Infos
- Informative Übersichtsseiten für Fachbereiche
- News und Projekte passend zum Fachbereich
- Hilfsangebote abgestimmt auf Alters- und Personengruppen
- Landing Pages mit dynamischen Inhalten passend zur Zielgruppe
- Umfangreiche Detailseiten für Veranstaltungen mit Download-Material, Bildergalerie u.m.
- Professionelles Formular zur einfachen Kontaktaufnahme
Freundliches Design und übersichtliche Navigation
Auf der neuen WordPress Website des Sozialdienstleisters Innosozial sollen soziale Hilfen und Angebote für alle Personen- und Altersgruppen einfach dargestellt werden. Um jeden Benutzer gleich positiv anzusprechen gestaltete PERIMETRIK® die Seite in einem freundlichen klaren Look. Die bunten Regenbogenfarben aus dem Logo werden in den verschiedenen Sektionen der Website wieder aufgegriffen.
Das Menü ist klar strukturiert, der Benutzer kann hier nach geeigneten Informationen nach Fachbereichen suchen. Der Menüpunkt „Hilfe finden“ leitet den User auf eine entsprechende Seite mit Suchfunktion weiter. Unter „Aktuelles“ findet der Benutzer interessante News, Veranstaltungen und Angebote. Weitere Hilfen, barrierefreie Angebote usw. findet der Benutzer unter dem Menüpunkt „Service“.
Für Menschen mit Migrationshintergrund kann auf eine Seite in „leichter Sprache“ gewechselt werden. Außerdem können Menschen mit Sehbehinderung oder Menschen mit Schreib bzw. Leseschwäche sich die Texte und Infos der Seiten vorlesen lassen.
Zusätzlich band PERIMETRIK® ein Floater-Menü am linken Bildschirmrand ein. Das Menü ist sticky, scrollt also immer mit der Seite mit. Das Menü verfügt über einen Befehl zum Drucken sowie über die Möglichkeit Inhalte der Website in verschiedenen sozialen Netzwerken zu posten.
Die neue WordPress Website von Innosozial ist übersichtlich, freundlich und leitet den Benutzer durch seine klare Struktur schnell zum passenden Angebot.
Auf der Startseite werden die verschiedenen Fachbereiche übersichtlich aufgeführt. Jeder Bereich enthält eine passende Hintergrundfarbe und ein aussagekräftiges Stimmungsbild. Die Sektion „Aktuelle Infos“ zeigt dynamisch die neusten News und Veranstaltungen.
Einladende Startseite mit dynamischer Darstellung aktueller Infos
Die Startseite wirkt einladend und zeigt die wichtigsten Infos auf einen Blick. Die verschiedenen Sektionen und verlinken auf entsprechende Unterseiten oder Archive mit weiteren Infos. Ein großflächiger Slider gibt einen Überblick über die verschiedenen sozialen Fachbereiche (Bildung, Erziehung, Familie, Integration, uvm). Per Klick auf einen Slide wird der Benutzer auf die jeweilige Archiv-Seite zum entsprechenden Fachbereich weiter geleitet.
Weiter unten auf der Homepage werden aktuelle Informationen und News dynamisch mit dem von PERIMETRIK® entwickelten Tool PCM ausgegeben. Der Filter zeigt automatisch immer die vier neusten Beiträge an.
Informative Übersichtsseiten für Fachbereiche
Innsozial verfügt über verschiedene Fachdienste, die für unterschiedliche Bereiche zuständig sind. In WordPress erstellte PERIMETRIK® für die Fachdienste einen eigenen Custom Post Type, mit dem jeder Fachdienst einfach als Post angelegt werden kann. Für die Bereiche erstellte PERIMETRIK® eine Taxonomie (Kategorie) und legte darunter entsprechende Terms (z.B. „Bildung“, „Familie“ oder „Integration“) an. Jeder Fachdienst kann nun dem passenden Bereich (z.B. „Familie“) zugeordnet werden. Auf den Archiv Seiten der Bereiche werden die passenden Fachdienste dann dynamisch mittels PCM ausgegeben.
Auf den Archiv Seiten der Taxonomie „Bereiche“ werden dynamisch passende Fachdienste dargestellt. Per Klick auf einen Fachdienst gelangt der Benutzer auf eine entsprechende Detailseite mit weiteren Infos und den direkten Kontaktdaten zum jeweiligen Fachdienst.
Auch News-Beiträge und Projekte werden dynamisch passend zum jeweiligen Bereich aufgeführt.
News und Projekte passend zum Fachbereich
Neben den Fachdiensten werden weitere Beitragsarten passend zum Bereich dargestellt. So können auch die News-Beiträge oder die Posts des Beitragstyps „Projekte“ verschiedenen Bereichen zugeordnet werden. Anhand dieser Zuordnung werden sie dann auf der jeweiligen Bereich-Seite dynamisch dargestellt.
Damit die Darstellung der verschiedenen dynamischen Inhalte ansprechend aussieht, erstellte PERIMETRIK® pro Beitragsart ein Loop Layout, in welchem die Anordnung der Inhalte (Beitragsbild, Titel und Teasertext) fest definiert sind. Um Abwechslung in die verschiedenen dynamischen Sektionen zu bringen wechselte PERIMETRIK® pro Sektion die Hintergrundfarbe und variiert bei der Darstellung zwischen dreispaltigem und vierspaltigem Grid.
Hilfsangebote abgestimmt auf Alters- und Personengruppe
Um dem Benutzer zielgruppenorientierte Angebote auf einen Blick zu bieten, erstellte PERIMETRIK® außerdem die beiden Taxonomien „Altersgruppen“ und „Personengruppen“. Unter jeder Taxonomie legte PERIMETRIk® passende Terms an, für die Taxonomie „Personengruppe“ sind dies z.B.: „Frauen, Männer, Paare, Familien etc.
Eine Übersicht über alle Personen- und Altersgruppen bietet die Seite „Hilfefinder“. Hier kann der Benutzer die gewünschte Zielgruppe auswählen. Per Klick wird er dann auf eine entsprechende Archiv-Seite mit Angeboten und Veranstaltungen passende zur Zielgruppe weitergeleitet.
Auf der Seite „Hilfefinder“ erhält der User eine Übersicht über alle Personen- und Altersgruppen.
Für jede Zielgruppe erstellte PERIMETRIK® eine übersichtliche Landing Page mit dynamisch passenden Angeboten und Veranstaltungen pro Zielgruppe.
Landing Pages mit dynamischen Inhalten passend zur Zielgruppe
Zur einheitlichen Darstellung aller Archiv-Seiten erstellte PERIMETRIK® ein zentrales Layout mit Divi, in welchem der Aufbau aller Archiv-Seiten fest definiert ist. Pro Term müssen nur noch ein individueller Titel, eine Kurzbeschreibung und ein Bild hinzugefügt werden – so ist ruck zuck eine neue Personen- oder Altersgruppe fertig.
Ebenfalls Bestandteil des Layouts sind weitere Sektionen, in denen dynamisch mittels PCM passende Angebote und Veranstaltungen zur jeweiligen Zielgruppe ausgegeben werden. So verfügt jede Archiv-Seite gleich über wertvolle Inhalte, die aus den einfachen Archiv-Seiten SEO-wirksame Landing Pages machen.
Umfangreiche Detailseiten für Veranstaltungen mit Download-Material, Bildergalerie u.m.
Innosozial bietet auch regelmäßige Veranstaltungen für unterschiedliche Zielgruppen an. Pro Veranstaltung wird in WordPress eine Detailseite mit eigenen URL-Slug erzeugt.
Damit jedes Event ansprechend dargestellt wird, erstellte PERIMETRIK® auch für den CPT „Veranstaltungen“ ein zentrales Layout. Die wichtigsten Fakten (Titel, Datum, Uhrzeit Ort sowie eine Kurzbeschreibung) werden so für jede Veranstaltung gleich dargestellt. Die Bearbeitung dieser Informationen erfolgt an der jeweiligen Veranstaltung in Form von benutzerdefinierten Feldern.
Trotzdem können die Veranstaltungen bei Bedarf weiter ausgebaut werden. So lässt sich für jedes Event zusätzlich der Divi Builder aktivieren, mit welchem dann individuelle weitere Sektionen, z.B. eine Bildergalerie, zusätzliche Beschreibungstexte o.ä. pro Veranstaltung aufgebaut werden können.
Zudem können die Posts des CPT „Veranstaltungen“ anhand einer Post-to-Post Verbindung mit passenden Posts anderer Post Types verknüpft werden. So lassen sich z.B. passende Downloads, passende News oder passende Fachdienste mit einer bestimmten Veranstaltung verbinden, die dann auf der Detailseite des Events dynamisch dargestellt werden.
Auf der Detailseite der Veranstaltung „Museen der Menschheit“ werden neben den Eckdaten zum Event auch passendes Download-Material, eine Bildergalerie, Ansprechpartner u.m. geboten.
Das professionelle Formular bietet eine einfache Möglichkeit zur Kontaktaufnahme mit dem Sozialdienstleister Innoszial.
Professionelles Kontaktformular zur einfachen Kontaktaufnahme
Zur einfachen Kontaktaufnahme mit dem Sozialdienstleister „Innosozial“ stelle PERIMETRIK® ein professionelles Formular in der Website bereit. In diesem kann der User seine Kontaktdaten hinterlegen und um eine Kontaktaufnahme per Telefon oder e-Mail bitten. Für weitere Anmerkungen enthält das Formular außerdem ein Freitextfeld. Zum Schutz vor Robots ist im Formular ein Google reCaptcha integriert.
Fazit:
Die neue WordPress Website für den Sozialdienstleister Innosozial ist klar strukturiert, verfügt über einen freundlichen Look und führt den Benutzer übersichtlich zum passenden Angebot. Um schnell fündig zu werden, sind alle Angebote und Inhalte passenden Bereichen und Zielgruppen zugeordnet und werden auf ansprechenden Landing Pages dynamisch ausgegeben. Informative Detailseiten zu allen Fachdiensten lassen den Benutzer zudem schnell und präzise den richtigen Ansprechpartner für Ihr Anliegen finden.