KJF Soziale Angebote Allgäu

Umfangreiche WebApp – alle Angebote auf einer Anwendung

Für die KJF Soziale Angebote Allgäu haben wir eine technisch clevere WebApp geschaffen, welche die ehemaligen 30 Einrichtungen an 10 verschiedenen Standorten bündelt und die vielseitigen Angebote der Einrichtungen in den Fokus rückt.

Mit ihren zahlreichen Angeboten hilft die KJF Soziale Angebote Allgäu Kindern, Jugendlichen und Familien in jeder Lebenslage. Intuitiv finden die verschiedenen Zielgruppen die nötigen Informationen, die richtigen Ansprechpartner und Standorte der zahlreichen Angebote. 

Kunde:
KJF Soziale Angebote Allgäu

Projekt:
WebApp zur Informationsvermittlung von Angeboten (Dienstleistungen) mit logischer Verknüpfung zu Standorten und Ansprechpartnern als Grundlage für Digitalisierungs- und Automatisierungsprozesse.

Aufgaben:
Konzeption, Beratung, Gestaltung und Entwicklung

Technologie:
Headless Content Management System TYPO3, JS-Framework NextJS

 

zur Website der KJF Soziale Angebote Allgäu

Für ein einheitliches Auftreten im Web

105 verschiedene Einrichtungen – alle mit eigenem Webauftritt und individuellem Konzept. Unser Kunde verstand es bereits, die komplizierten Strukturen zu vereinfachen und schaffte mit der Dachmarke KJF Soziale Angebote eine übergeordnete Instanz, welche die vielfältigen Angebote der einzelnen Einrichtungen bündeln sollte. Für die Region Allgäu – und die Untermarke KJF Soziale Angebote Allgäu – legten wir mit unserer konzeptionell durchdachten WebApp den Grundstein. 

Hierbei bündelten wir die Angebote von 30 verschiedenen Einrichtungen an 10 Standorten und legten den Fokus auf eine angebotsgetriebene Darstellung. Angebotsgetrieben deshalb, weil die Nutzer im Web auf der Suche nach einer Problemlösung sind. 

Viele Wege zum passenden Angebot

Das Ziel: eine angebotsgetriebene WebApp, die den Nutzer intuitiv und schnell zum passenden Angebot leitet und Kontaktmöglichkeiten zum richtigen Ansprechpartner bietet. Die Wege dorthin: vielfältig. Damit jeder Nutzer schnell und einfach das Angebot findet, das ihm bei der Lösung seines Problems hilft.

  • Direkteinstieg mit Filterfunktion auf der Startseite
  • Navigation mit Darstellung aller Angebote in einem Megamenü
  • Gesamtübersicht mit Filterfunktionen über die Themenwelten
  • Leistungsstarke Suche

Direkteinstieg mit Wiedererkennungswert

Den Einstieg in die Welt der Angebote bildet das Auswahlrad mit Wiedererkennungswert beim Seiteneinstieg. Durch dieses lassen sich die Angebote entsprechend der ausgewählten Hauptkategorie anzeigen und bieten eine erste Strukturierung der vielfältigen Angebote. In Unterkategorien werden die Angebote visuell dargestellt, um die richtigen Emotionen zum Angebot zu vermitteln.
 

Übrigens steckt hier technisch mehr unter der Haube, als man auf den ersten Blick sieht:
 

  1. Über simple Einstellungsmöglichkeiten im TYPO3 Backend lassen sich die einzelnen Angebote schnell und einfach neuen Kategorien zuordnen.
  2. Die Reihenfolge der Angebote lässt sich durch eine Priorisierungsfunktion einfach beeinflussen – so können beispielsweise sensible Inhalte mit niedriger Priorität nach hinten gestellt und wichtige oder häufig gesuchte Angebote mit hoher Priorität nach vorne gestellt werden. 

Einheitliches Erscheinungsbild trotz vieler Redakteure

Um ein einheitliches Erscheinungsbild der verschiedenen Angebote zu gewährleisten erarbeiteten wir gemeinsam mit unserem Kunden ein festes Konzept für Angebotsdetailseiten. Dies ermöglicht es dem Nutzer, sich schnell und intuitiv trotz der vielen umfassenden Informationen zum Angebot zurechtzufinden. 

Der Aufbau erfolgt dabei einem festen Schema, welches im Redaktionssystem TYPO3 vorgegeben ist. So können die verschiedenen Redakteure bei der Erfassung von Inhalten und dem Aufbau neuer Angebotsseiten nichts falsch machen und Abweichungen gar nicht erst zustande kommen. 

Damit bietet unsere Lösung nicht nur den Websitebesuchern eine einfache und intuitive Usability im Frontend, sondern auch den Mitarbeitern unseres Kunden im Backend.

Das spart vor allem eines: Zeit und damit Geld.

Denn umständliche Einarbeitungen, Übergaben und Kontrollen gehören damit der Vergangenheit an. Ganz automatisiert tut das System damit was es soll – funktionieren. 
 

Ausgeklügeltes Nutzermanagement für die volle Kontrolle von Redakteuren

Apropos: viele Redakteure erfordern Regeln. Damit nicht jeder machen kann, was er möchte, haben wir im TYPO3 ein ausgeklügeltes Nutzermanagement konzipiert und integriert. Verschiedene Rollen haben dabei verschiedene Berechtigungen und Zugriffsbereiche auf den Webauftritt. Damit wird sichergestellt, dass jeder Backend-Benutzer nur in der Suppe rührt, die er kocht. Und das hilft auch dem Arbeitsprozess unseres Kunden – klare Zuständigkeitsbereiche, klare Aufgabenverteilung. 

Barrierefreiheit im Blick – Design im Herzen

Durch das bevorstehende Barrierefreiheitsstärkungsgesetz und die Zielgruppe unseres Kunden war eines klar: Der Webauftritt muss barrierefrei sein. In enger Abstimmung mit unserem Kunden diskutierten wir heiß, welche Richtlinien zur Barrierefreiheit unbedingt eingehalten werden müssen und welche Alternativen wir haben, um ein tolles Design nicht zu vernachlässigen. Das Ergebnis: eine Website, die den maßgeblichen Standards zur Barrierefreiheit entspricht.

Denn Barrierefreiheit bedeutet leider immer auch Einschränkung in kreativer Freiheit. Und darauf wollte unser Kunde nicht ganz verzichten.

Technisch clever: die leistungsstarke Suche

Durch die Vielfalt an Angeboten, Standorten und Ansprechpartnern ist eine seitenübergreifende Suche nicht wegzudenken. Doch eine einfache Suche war uns einfach nicht genug, um die Bedürfnisse aller Zielgruppen auf der WebApp abzudecken. Denn ein Jugendlicher sucht anders als ein Erwachsener – eine Privatperson anders als ein Zuweiser. 

Um die Sprache eines jeden zu treffen haben wir clevere Features in unsere Suche eingebaut. So verfügt sie über eine Vorschlagsliste mit Autovervollständigung von Suchbegriffen und auch Falschschreibweisen oder alternative Schreibweisen lassen sich für individuell festlegbare Suchbegriffe hinterlegen. 
 

Auch Lust bekom­men auf ein Projekt mit mpunkt? Wir freuen uns auf deine Anfrage.

Ob anspruchsvolle Website, großer Webshop oder komplexe Web­anwendung:  
kontaktiere uns auf dem Weg, wie es für dich passt.

Wir freuen uns darauf, dein Projekt voran­zubringen. Vielleicht hast du ja sogar die Möglich­keit, bei uns in Augsburg auf einen Kaffee vorbei­zukommen. Denn der ist genauso gut und ehrlich wie unsere Software. Eben so, wie wir es mögen.

Anfrage senden 08 21 / 99 95 910 info@mpunkt.com

Weitere Beispiele gefällig?

ADAC-Fahrsicherheitszentrum Südbayern
Individuell entwickeltes Buchungs­system mit nahtloser Ein­bindung in die ADAC-System­landschaft
KonzeptionTYPO3SchnittstelleShop
Mehr erfahren
KJF Soziale Angebote Allgäu
Bündelung von 30 separaten Einrichtungen an 10 verschiedenen Standorten
KonzeptionTechnische UmsetzungTYPO3
Mehr erfahren
MAXXIS Fahrradreifen
Speziell entwickelter Reifenfinder und Redesign des Webauftritts
ShopTechnische UmsetzungTYPO3Softwareentwicklung
Mehr erfahren
Aucer
Relaunch mit Produktindividualisierungsoptionen, Kostenrechner und Bestellanfrageprozess
Technische UmsetzungTYPO3Konzeption
Mehr erfahren
Flexibus
Individuell gestaltete Google Maps Karte mit umfassender Haltestellensuche
SchnittstelleTechnische UmsetzungTYPO3
Mehr erfahren
Goldhofer
Mehrsprachige Web­site mit integrierter Schnitt­stelle, auto­matischer Daten­aktuali­sierung und vielem mehr
SchnittstelleTechnische UmsetzungTYPO3
Mehr erfahren
Northside Shoppingcentre
Perfekter Durchblick mit dem 3D Gebäudeplan
KonzeptionTechnische UmsetzungWordpress
Mehr erfahren
Motomobil
Der rundum Shop für Ford-Oldtimer
KonzeptionSchnittstelleShopTechnische UmsetzungTYPO3
Mehr erfahren
L'IMAGE
Umfangreicher Onlineshop mit smarten Funktionalitäten
KonzeptionMagentoShop
Mehr erfahren
Kunstsammlungen und Museen Augsburg
Barriere­freie Website mit Veran­staltungs­terminen, Digitalen Ausstellungen und vielem mehr
TYPO3Technische Umsetzung
Mehr erfahren
Deutsche Anwaltakademie
Mitglieder Plattform mit indivi­duellen Seminar­buchungen und Schnittstelle zur Software Antrago
SchnittstelleShopTechnische UmsetzungTYPO3
Mehr erfahren