"MEO" – Das Magazin der IHK Ruhr:Online-Magazin für die Mitgliedsunternehmen der IHK zu Essen

Das Mitgliedermagazin der IHK Ruhr wird regelmässig an über 50.000 Unternehmen in Mülheim, Essen und Oberhausen verteilt. Bei der Rebranding-Ausschreibung konnte unser ganzheitliches Konzept überzeugen. Folglich durfte LEUCHTKRAFT das Online-Magazin entwickeln. Der zeitgemäße Auftritt und eine Symbiose zwischen Print- und Online-Magazin sind wichtige Ziele – die mit unterschiedlichen Elementen erreicht werden.

Bildschirmfoto zeigt die gesamte Startseite mit verschiedenen Inhaltselementen
  • Wordpress
  • Theme-Entwicklung
  • Online-Magazin

Je nach Endgerät wird eine der drei Versionen des Logos angezeigt:

Desktop-Variante mit den 3 Städtenamen rechts neben dem meo Logo
Tablet-Variante mit den 3 Städtenamen unter dem meo Logo
Mobile Variante des Logos ohne Angabe der Städtenamen
Inhaltselement mit weiterführenden Artikeln und Terminen
Bildschirmfoto zeigt eine Fotogalerie mit 3 Bildern zum Artikel
Blidschirmfoto der im Text beschriebenen Balkendiagramme
Inhaltselement mit 2 Spalten zur Darstellung von Pro und Contra Argumenten

Theme-Entwicklung

LEUCHTKRAFT entwickelte neben einem individuellen Theme für WordPress auch diverse Elemente, die den Redakteuren im WordPRess-Editor Gutenberg per Drag und Drop einfach zur Verfügung stehen. Darunter finden sich verschiedene Text/Bild-Elemente, Fotogalerien und animierte Balkendiagramme, die zur Gegenüberstellung von Daten dienen.

Elemente wie die „neueste Ausgabe“ und Balkendiagramme wurden unter Verwendung der Advanced Custom Fields (ACF PRO) umgesetzt.

Eine möglichst einfache Pflege für die Redakteuere stand zur jeder Zeit der Entwicklung im Fokus.

Fest eingebundene Elemente wie beispielsweise Artikelvorschläge „Neu und beliebt“ werden automatisch nach Beliebtheit sortiert und ausgegeben. Im Responsive Design variiert die Anzeige je nach Ausgabegröße.

Inhaltselement mit neuen und beliebten Artikeln auf der Startseite

Aus einem hochgeladenen Bild werden automatisch alle benötigten Bildgrößen generiert, so dass es ohne Eingreifen des Redakteurs als Titelbild, Beitragsbild etc. genutzt wird. Auf mobilen Geräten werden so große Datenmengen vermieden. Zusätzlich generiert das Wordpress System aus jedem Bild automatisch ein modernes Bildformat zur weiteren Reduktion.

Ein Minimum an Plugins und diverse Sicherheitsmaßnahmen sorgen für eine extrem schnelle und top platzierte Website.

Fokussierung auf Details

Darstellung der mobilen Sticky Navigation
Sticky Navigation auf Smartphones

Elemente zur Steigerung der User Experience machen die Nutzung komfortabler und tragen zur Übersichtlichkeit bei.

Einige haben wir hier aufgeführt:

  • Automatische Berechnung der Lesedauer
  • Artikel-Diskussionen auf externen Plattformen
  • Button Animationen
  • Bild Vergrößerungen
  • Suchfunktion
  • Animierte Diagramme
  • Related Articles
  • Dynamisches Nachladen von Inhalten
  • Dezente Animation von Inhaltselementen
  • Social Sharing
Bildschirmfoto zeigt die Sticky Navigation auf einem Monitor
Am oberen Seitenrand läuft ein Fortschrittsbalken. Darunter findet sich die moderne Sticky Navigation. Hier: Desktop

Klimafreundliche Website

Auch diese Website konnten wir mit unserem Siegel für nachhaltiges Webdesign auszeichnen. Hierfür müssen diverse Tests bestanden werden und der Seitenaufruf darf einen bestimmten Grenzwert an CO2-Emissionen nicht überschreiten. Die hervorragenden Ergebnisse verschiedener Tools in Hinsicht auf CO2-Ausstoß, Performance und Nutzerfreundlichkeit werden mit Screenshots dokumentiert.

Google Page Speed Report
Google Page Speed Report
Ecograder Report
Ecograder Report
Website Carbon Report
Website Carbon Report