Webentwicklung für SharePoint 2016 On-Premises

Icon für den Standort des Unternehmens
Standort

Berlin

Icon für die Anzahl der Mitarbeitenden im Unternehmen
Mitarbeitende

25

Icon für die Branche des Unternehmens
Branche

Messewirtschaft

Referenz Layer2 collaboration works: Icon für Microsoft-Lösung
Lösung

Microsoft Sharepoint 2016 On-Premises, React als Frontend Framework, SCSS und HTML 5

"Zusammen mit Layer2 collaboration works haben wir einen umfassenden Relaunch unserer Website auf Basis von SharePoint 2016 realisiert. Mit dem Ergebnis sind wir sehr zufrieden: einfachere Handhabung, schlankere Struktur und hohe Zufriedenheit – extern wie intern."
Harald Kötter  |  Geschäftsbereichsleiter ÖA und Messen Deutschland beim AUMA - Verband der deutschen Messewirtschaft

Wer ist der AUMA?

Als Verband der deutschen Messewirtschaft vertritt der AUMA die Interessen der Aussteller, Veranstalter und Besucher von Messen in Deutschland. Zudem informiert er Aussteller und Besucher über das weltweite Messeangebot, verantwortet das Dach-Marketing für den Messeplatz Deutschland im In- und Ausland, und koordiniert das Auslandsmesseprogramm des Bundeswirtschaftsministeriums. Weitere Aufgabenfelder sind die Forschung sowie die Unterstützung von Aus- und Weiterbildung.

Messeimpression - Menschen auf Rolltreppen © AUMA

SharePoint-Internetseite des AUMA: in die Jahre gekommen

Der AUMA strebte einen Relaunch seiner Internetseite an, die wir einige Jahre zuvor auf SharePoint 2007 umgesetzt hatten. Die neue Website sollte moderner, frischer, responsive und klar strukturiert sein. Außerdem sollte SharePoint wieder als Technologie dienen, um bereits vorhandenes Entwicklungs-Know How auf Seiten des AUMA weiter nutzen zu können. Unsere Empfehlung lautete deshalb: SharePoint 2016 On-Premises als .NET-basiertes CMS.

Wichtig war dem Kunden die leichte und komfortable Bedienbarkeit für die Redakteur:innen. Die Bearbeitung der Bereiche auf der Website sollte so flexibel wie möglich sein. Der AUMA wünschte sich ebenfalls wieder einen mehrsprachigen Internetauftritt. Den Usern soll die Möglichkeit geboten werden zwischen Deutsch, Englisch, Französisch und Spanisch zu wählen.

Eine weitere Herausforderung für uns: Die Abbildung von friendly URLs in SharePoint, um den Websitebesucher:innen das Auffinden von Inhalten zu erleichtern sowie die Seite für Suchmaschinen zu optimieren.

Responsive Website mit SharePoint 2016 On-Premises

Da die alte Datenstruktur aus SharePoint 2007 nicht übernommen werden sollte, war eine komplette Neustrukturierung in SharePoint 2016 notwendig. Einige Inhalte, wie das Messelexikon, Inhaltsseiten und Publikationen wurden per Script automatisiert migriert, so entfielen manuelle Kopierarbeiten.

Responsive Mockup der SharePoint-Intranetseite unseres Kunden AUMA

Modularer Aufbau der SharePoint-Seiten

Um die Arbeit der Redakteure zu vereinfachen, legten wir nur wenige SharePoint-Seitentemplates an und entschieden uns stattdessen für einen modularen Aufbau der Design- und Strukturierungselemente. Die Bearbeitung und Aufteilung der Bereiche auf der Website sind somit für die Redakteure sehr flexibel. Das Design der neuen Website entwickelte zuvor eine Werbeagentur. Diese brieften wir hinsichtlich der Anforderungen und Besonderheiten, die beim Designentwurf für SharePoint-Anwendungen beachtet werden müssen. Die Agentur lieferte uns den HTML- und CSS-Code, den wir in SharePoint integrierten, um die Module für die Redakteure in SharePoint einsatzbereit zu machen.

Megamenü als Navigation auf der SharePoint-Website des AUMA

Neue Navigation für bessere Orientierung

Es gibt eine angepasste Navigation als Megamenü. So erhalten die Nutzenden sofort einen Überblick über die Themen und Inhalte der Website. 

Mit News immer up to date

Auf der Startseite gibt es verschiedene Möglichkeiten, News zu präsentieren. Zum Beispiel werden ausgewählte News im Header dargestellt und weiter unten auf der Seite in Kartenform mit Vorschaubild angezeigt. Das SharePoint-Newsmodul kann nach unterschiedlichen Kategorien gefiltert werden. Die Verschlagwortung wurde uns vom AUMA zur Verfügung gestellt, wird dort intern weiter gepflegt und ständig erweitert. 

News in Kartenform auf der SharePoint-Website des AUMA
SharePoint-Website des AUMA mit verschiedenen Content-Modulen

Content-Pflege leicht gemacht

Verschiedene Content-Module geben der neuen Website eine klare Struktur. Die Redakteur:innen können unter anderem Tabellen, Tablisten und Kontakte im Design der Agentur einfügen. Content-Slider, Teasermodule, Fotogalerien, Datenvisualisierungen mit Infografiken, Infoboxen und viele weitere Designelemente sind auf der Internetseite flexibel einsetzbar.

SharePoint Custom Actions

Der Kunde wünschte sich einen angepassten Rich Text Editor, der vom Look and Feel an bekannte Textverarbeitungsprogramme, wie zum Beispiel Microsoft Word, angelehnt sein sollte, um die Arbeit der Redakteur:innen noch einfacher zu machen. Die Agentur sah vor, nur bestimmte Styles in den SharePoint Rich-Text-Editor einzubinden. Dementsprechend passten wir diese an und schränkten weitere Textformatierungsmöglichkeiten ein. Zusätzliche Elemente für die Inhaltsstrukturierung, die im SharePoint-Standard nicht vorhanden sind, banden wir über Custom Actions in den SharePoint-Ribbon ein.

Rich-Text-Editor von SharePoint

Globale Metadaten für Publikationen und Grafikdownloads

Wir entwickelten ein Modul, das Publikationen auf der Internetseite anzeigt. In einem kleinen Web-Shop können diese beim AUMA bestellt werden. Die User können hier nach Themengebieten filtern und Publikationen in unterschiedlichen Sprachen herunterladen oder bestellen.

Über SharePoint-Dokumentensets werden die Dokumente einer Publikation gruppiert. Auf Ebene der Dokumentensets werden Metadaten, wie zum Beispiel der Titel oder das Themengebiet vergeben. Diese gelten dann für alle Dokumente und Dateien, die in der Dokumentenmappe abgelegt werden. Den gleichen technischen Ansatz wendeten wir auch für den Bereich „Grafikdownload“ an. 

Seite mit Publikationen auf der SharePoint Website des AUMA
Newsletter auf der SharePoint-Internetseite des AUMA

Newsletter-Tool

Der Kunde nutzt ein HTML-Newsletterversandportal eines Drittanbieters. Über eine API, die wir in Zusammenarbeit mit der IT-Abteilung des AUMA entwickelten, banden wir dieses an die SharePoint-Website an. Die Newsletter-Redakteur:innen haben somit die Möglichkeit, Neuigkeiten auf der Webseite auszuwählen, die in der nächsten Newsletter-Ausgabe versendet werden sollen. Metadaten sorgen dafür, dass diese auf der Internetseite gruppiert dargestellt und einer Newsletter-Ausgabe sowie -Edition zugeordnet werden können.

Migration des Messelexikons

Wir migrierten die Inhalte des vorhandenen Messelexikons und implementierten die gewünschten Funktionalitäten in SharePoint 2016. Die User haben die Möglichkeit, relevante Lexikoneinträge auf einer Leseliste zu speichern, sich dort die gespeicherten Artikel anzusehen und diese dann als formatiertes Dokument auszudrucken. 

Migriertes Messelexikon auf der SharePoint-Website des AUMA
SharePoint-Internetseite des AUMA in 4 Sprachen

Mehrsprachigkeit und friendly URLs

Die Internetseite wird in vier Sprachen – Deutsch, Englisch, Französisch und Spanisch – zur Verfügung gestellt. Die Sprachversionen sind über das SharePoint Variation Feature automatisch miteinander verbunden, bedeutet: Die Seiten müssen untereinander nicht manuell verlinkt und zugeordnet werden. Diese Funktionalität bringt SharePoint 2016 out-of-the-box mit.

Um eine bessere Lesbarkeit zu gewährleisten und die Suchmaschinenoptimierung zu unterstützen, sollten friendly Urls verwendet werden. In der SharePoint-Standardeinstellung sind diese nicht vorhanden. Diese Anforderung setzen wir mit Managed Metadata, einem SharePoint Feature, um. Das Redaktionsteam des AUMA ist nun in der Lage short URLs zu vergeben, die unter anderem in Printmedien oder in den Social-Media-Kanälen verwendet werden.

Modernes Design und einfache Bedienung

Die Redakteur:innen arbeiten sehr gern mit der neuen SharePoint-Website. Der Zufriedenheitsgrad ist durch den Relaunch sehr gestiegen. Die einfache und unkomplizierte Handhabung beim Erstellen oder Bearbeiten von Inhalten, sorgt für hohe Akzeptanz.

Das moderne, frischere Design mit einer besseren Performance hilft den Kunden des AUMA dabei, Inhalte leichter zu finden. Die Mobilfähigkeit wird als großes Plus gewertet, weil die User sich intuitiv über die Seite bewegen können.  

"Zusammen mit Layer2 collaboration works haben wir einen umfassenden Relaunch unserer Website auf Basis von SharePoint 2016 realisiert. Mit dem Ergebnis sind wir sehr zufrieden: einfachere Handhabung, schlankere Struktur und hohe Zufriedenheit – extern wie intern."
Harald Kötter  |  Geschäftsbereichsleiter ÖA und Messen Deutschland beim AUMA - Verband der deutschen Messewirtschaft
Und Ihr Projekt?
Realisieren wir gerne.

Erfolgsgeschichten unserer Kunden

Referenz: Intranet als Informationsplattform für microfin
Logo unseres Kunden microfin

SharePoint-Intranet als digitale Informationsplattform

Das neue Intranet ist die zentrale Informationsplattform für alle Mitarbeitenden bei microfin.

Mehr erfahren
 Referenz: Extranet mit SharePoint 2016 On-Premises
Logo unseres Kunden AUMA

Extranet mit SharePoint 2016 On-Premises

Ein Extranet mit SharePoint 2016 On-Premises löst die Papierprozesse ab und automatisiert die Datenerhebung beim AUMA.

Mehr erfahren
Referenz: SharePoint Social Intranet für pilot
Logo unseres Kunden pilot

SharePoint-Intranet als zentrale Wissens- und Informationsplattform

Das Intranet verbessert die interne Kommunikation und den Wissenstransfer bei pilot.

Mehr erfahren
Seite nach oben