meo – Das Magazin der IHK Ruhr:
Online-Magazin für die Mitglieds­unternehmen der IHK zu Essen

Gewinner-Projekt German Web Awards 2024

Einleitung

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

Logos

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

Desktop-Variante des Logos
Desktop-Variante mit den 3 Städtenamen rechts neben dem meo Logo
Tablet-Variante des Logos
Tablet-Variante mit den 3 Städtenamen unter dem meo Logo
Smartphone-Variante des Logos
Mobile Variante des Logos ohne Angabe der Städtenamen

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 Redakteure stand zu 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.

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

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

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