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

Logos

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

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.