Scroll-Button

 21. Januar 2022

DECISIO® – Ein Doppelprojekt für die Next Impact GmbH

Pimcore-Goldpartner Quellwerke GmbH setzt die Landingpage samt digitaler Landkarten auf ein Pimcore-System

Das Unternehmen und seine Tools

Decisio® ist eine Marke der Next Impact GmbH und umfasst Lösungen, die das Entscheidungsverhalten und die Entscheidungsprozesse in Organisationen analysieren und zukunftsfähig gestalten. Hierzu gehören spezifische Methoden, Tools, Lernangebote, die Vermittlung von Handwerkszeug und die aktive Begleitung von Projekten.

Die GmbH wurde 2011 von Dr. Cornelia Strobel und Susanne Delius gegründet und ist mit zwei Niederlassungen in Deutschland vertreten. Als wesentliches Element moderner Organisations- und Personalentwicklung setzen sich die Beraterinnen mit dem Entscheiden, Verantworten und Handeln in Organisationen auseinander. Dafür entwickeln sie passgenaues Handwerkszeug, schulen Führungskräfte, Teams und Netzwerke wie auch Beraterkolleg*innen in der professionellen Anwendung, begleiten Veränderungsprozesse und geben ihr Wissen in eigens konzipierten Ausbildungen weiter.

Pimcore ist aus unserer Sicht das perfekte System, um den Ansprüchen des Kunden bei der Erstellung einer Webseite, der neutralen Datenhaltung sowie der Erstellung von Kontext und Relationen in Datenobjekten gerecht zu werden.

Was genau ist DECISIO®?

Decisio® ist ein Portfolio an Werkzeugen, Lösungen und Lernangeboten rund um das Entscheiden in Organisationen und setzt sich aus drei Bausteinen zusammen:

  • DECISIO®LEARN vermittelt Wissen, schult im Handwerk des Entscheidens und begleitet Lernprozesse in Unternehmen
  • DECISIO®CODE entschlüsselt die Entscheidungskultur einer Organisation
  • DECISIO®MAP ermöglicht die Gestaltung guter Entscheidungsprozesse

Als Werkzeug spielt die Decisio®Map eine zentrale Rolle in der Beratungstätigkeit von Next Impact und zertifizierten Beraterkolleg*innen. Mit ihr werden Entscheidungssituationen in Unternehmen analysiert und die dazugehörigen Prozesse so abgebildet, dass sie in der Folge zielgenau gesteuert, beschleunigt und mit höherer Entscheidungsqualität versehen werden können. Dafür stehen – je nach Einsatzzweck – verschiedene Kartenvarianten zur Verfügung. Alle Map-Versionen können sowohl in gedruckter Form als auch digital als Web-App genutzt werden.

Anforderungen | Ziele

Unsere Internetagentur wurde durch einen externen Berater der Next Impact GmbH für die Umsetzung des Decisio®-Projekts empfohlen. Es kam auch tatsächlich die Anfrage des Unternehmens. Hauptprojekt war, die Decisio®Map mit ihren verschiedenen Kartenvarianten, die bis dato nur als Printprodukte bzw. statische PDF-Dokumente vorlagen, für eine Webanwendung zu digitalisieren. Darüber hinaus sollte die bisherige Decisio®-Site abgelöst und in Form einer Landingpage in ein neues, zeitgemäßes Design überführt werden. Beide Bereiche sollten so angelegt und miteinander verbunden werden, dass für die Next Impact GmbH die anschließende Backend-Betreuung möglichst reibungslos zu handeln ist. Ebenfalls vorgesehen war das Hosting der Landingpage über Quellwerke.

Systemscan | Angebot | Template Erstellung

Nach dem Check für ein passendes Hosting-Paket auf einem managed Server und der ersten Übersicht der bestehenden Decisio®-Landingpage sowie der zugrunde gelegten Landkarte im PDF-Format haben wir ein Angebot erstellt. Anlehnend an die von der Next-Impact GmbH vorgelegte Designvorgabe für die Landingpage waren die responsive Webdesignvorschläge das erste To-do für die Quellwerke GmbH. Danach haben wir mit der responsive HTML / CSS Umsetzung und der Erstellung des Pimcore-Templates begonnen.

Digitalisierung der Landkarte

Folgend hat uns die Next Impact GmbH analog die im PDF-Format vorliegende Landkarte geliefert. Unsere Grafikabteilung hat die Landkarte zunächst in verschiedene Bereiche heruntergebrochen, diese als SVG exportiert und daraufhin Stück für Stück grafisch aufbereitet und in dem Zuge auch überarbeitet.

Als Erstes wurde eine Art Basiskarte erarbeitet, auf der die anderen aufwendigeren Maps aufbauten. Um das Handling zu vereinfachen, wurde die Anzahl der bereits verwendeten Schriftarten reduziert, angepasst und von uns für das Web visuell und browserkonform optimiert. Später haben unsere Entwickler über das Pimcore-Backend die interaktiven Punkte eingepflegt und anklickbar gemacht.

Um das Video zu starten, einfach auf das Vorschaubild klicken!

Technische Umsetzung

Die technische Umsetzung erfolgte mithilfe eines JavaScript Frameworks (Angular JS), welches wir ans Pimcore-Backend eingebunden haben. So konnten wir die einzelnen überarbeiteten SVGs dynamisch anordnen. Des Weiteren haben wir uns einer JavaScript-Bibliothek, namens Leaflet, bedient. Dank dieser konnte die aufwendige Karte auch in einzelnen Layern angezeigt werden. Dadurch war es möglich, mit genauen Koordinaten auf den jeweiligen Layern anklickbare Markierungen mit Text zu setzen, wodurch die Karten erst interaktiv wurden. Durch die Administration der Landkarten im Pimcore-Backend garantiert sich ein leichtes Handling diverser Anpassungen und der Einpflege von Daten. Die dazugehörigen Beschreibungstexte sind ebenfalls jederzeit über das Backend mit einem RTE (Rich Text Editor) formatier- und anpassbar. Im Frontend können dann die Beschreibungstexte der Markierungen durch einen Klick auf Desktop-PCs oder einer Berührung auf einem mobilen Gerät angezeigt werden. Dank der JavaScript-Library wird die Anzeige der Karten im Frontend in 2D mit einer integrierten Zoom-Funktion ausgespielt und kann über eine einfache Auswahlfunktion für den User individuell in einzelnen Layern bestimmt werden. Die Library unterstützt alle gängigen Desktop- und Mobilebrowser, so wurden die einzelnen digitalen Landkarten von uns für die Anzeige und die Bedienung an Desktop PCs sowie Tablets mit Android oder iOS optimiert und getestet.

User-Authentifizierung | Benutzer-Rechte

Alle Benutzer, die den Zugang zur Map-App erwerben, bekommen einen eigenen Login. Die jeweiligen Rechte können über das Pimcore-Backend verwaltet und die Freigabe der Inhalte nach Benutzer festgelegt werden, beispielsweise auf welche der Landkarten dieser Benutzer zugreifen darf. Für die Verwendung der Landkarten zu Schulungszwecken haben wir auch funktionale Einschränkungen je nach Benutzer-Rolle eingerichtet. So hat beispielsweise ein Dozent oder ein Seminarleiter keinerlei Einschränkungen beim Nutzen des erworbenen Zugangs. Die Seminarteilnehmenden erhalten nur eine Gastrolle und haben dementsprechend auch nur eingeschränkten Zugriff.

Content | Kontaktformular | DSGVO-Paket

Alle Inhalte der vorherigen Decisio®-Site haben wir suchmaschinenfreundlich übernommen und ein Kontaktformular inklusive E-Mail-Versand und Captcha eingebunden. Die Einbindung eines DSGVO-Pakets mit der Datenschutzerklärung und dem Impressum sowie einem Cookie-Consent-Banner wurden ebenfalls von uns übernommen.

 

Pimcore-Schulung | Tracking und Analysetools | Go-live

Nach Fertigstellung der Landingpage und Umsetzung der Map-App mit seinen verschiedenen in Layern aufgebauten Kartenvarianten führten wir mit einigen Mitarbeiterinnen von Next Impact eine Pimcore-Schulung durch. Zum Go-live haben wir Tracking-Tools wie Google-Analytics und einen Cookie-Bot integriert, Crossbrowser- sowie Responsive-Checks durchgeführt. Am 30.06.2021 ging dann die Decisio®-Landingpage samt der Decisio®-Map-App live.

Weiterführende Links:

Die Decisio®- Landingpage mit der Map-App finden Sie unter diesem Link

Die Webseite der Next Impact GmbH finden Sie unter diesem Link

Weitere Arbeitsbeispiele finden Sie auf unserer Referenz-Seite