Erstellung einer dynamischen WordPress Website für den Sozialdienstleister Innosozial

Für den Sozialdienstleister Innosozial hat PERIMETRIK® eine dynamische WordPress Website mit übersichtlichen Infoseiten nach Fachbereichen erstellt. Außerdem verfügt die Seite über einen Hilfefinder, mit dem der Benutzer nach geeigneten Angeboten für seine Zielgruppe suchen kann.

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.

 

 

Referenzen Bilder Template

Die neue  WordPress Website von Innosozial ist übersichtlich, freundlich und leitet den Benutzer durch seine klare Struktur schnell zum passenden Angebot.

Referenzen Bilder Template

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.

Referenzen Bilder Template

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.

Referenzen Bilder Template

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.

 

Referenzen Bilder Template

Auf der Seite „Hilfefinder“ erhält der User eine Übersicht über alle Personen- und Altersgruppen.

Referenzen Bilder Template

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.

Referenzen Bilder Template

Auf der Detailseite der Veranstaltung „Museen der Menschheit“ werden neben den Eckdaten zum Event auch passendes Download-Material, eine Bildergalerie, Ansprechpartner u.m. geboten.

Referenzen Bilder Template

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. 

 

Weitere Projekte für Kunde: Innosozial, Ahlen

Unsere Lösungen für dieses Projekt:

In diesem Projekt konnten wir auf einige bewährte Lösungen zurückgreifen:

Benutzerdefinierte Beitragstypen

Mit Custom Post Types bzw. Benutzerdefinierten Beitragstypen können individuelle Inhalte verwaltet und dargestellt werden. Häufige benutzerdefinierte Beitragstypen sind z.B. Referenzen, Kunden, Kundenstimmen oder FAQ.

Benutzerdefinierte Taxonomien

Mit benutzerdefinierten Taxonomien lassen sich Ihre WordPress-Daten sinnvoll gliedern. Benutzerdefinierte Taxonomien, die häufig vorkommen sind z.B. Themen oder Bereiche. Was viele nicht wissen: Richtig genutzt bieten benutzerdefinierte Taxonomien eine hervorragende Grundlage zur Erstellung SEO-relevanter Landing Pages. Wir erstellen sinnvolle Taxonomien für Ihre WordPress-Website und schaffen Ihnen damit zahlreiche Landing Pages zu branchenrelevanten Suchbegriffen.

Blog

Nahezu jede Unternehmens-Website profitiert von einem integrierten Blog. PERIMETRIK® unterstützt Sie bei der Erstellung oder Integration Ihres professionellen WordPressBlogs und zeigt Ihnen, welche Vorteile das „Bloggen“ für Ihr Unternehmen bietet.

Bread Crumb Navigation

Perfekte Orientierung mit der richtigen Bread Crumb Navigation von PERIMETRIK®. Wir leiten Ihre Website-Besucher komfortabel durch Ihre WordPress Seite oder Ihren WooCommerce Shop.

Dynamische Inhalte

Dynamische Inhalte verringern den Pflegeaufwand, erhöhen den Mehrwert für den Nutzer und verbessern die Sichtbarkeit in Suchmaschinen massiv (SEO). PERIMETRIK® ist Experte für Dynamische Inhalte und setzt diese sinnvoll auf Ihrer WordPress Website ein.

Landing Page

Mehr Content, mehr Nutzen, mehr Relevanz – Wir erstellen Ihnen eine Website-Struktur für Ihre WordPress Seite, mit der einfach und schnell neue Landing Pages generiert werden können.

Professionelle Formulare

Social Media Feed

Immer aktuell mit einem integrierten Social Media Feed: Wir binden Ihre Social Media-Konten per Schnittstelle auf Ihrer WordPress Website ein.

Sie wünschen ebenfalls eine WordPress Website für Ihre Organisation?