Marktindex AG
UX-Redesign für optimale Navigation & Performance
Von einer unklaren User Experience (UX), einem überladenen User Interface (UI) sowie einer langsamen Performance, zu einer übersichtlichen WordPress-Website mit hoher Ladegeschwindigkeit, on-the-fly Bildoptimierung für Mobile und Desktop, sowie einer klaren Aufteilung der Startseite für leichte Navigation.
Überblick: UX-Redesign der Website
Redesign des UX und UI für die Marktindex-Website. Programmierung eines performanten WordPress-Template sowie Entfernen von überflüssigen Plug-ins und Code. Optimierung der Ansicht für Mobile und Desktop. Verkleinern von Bildern und Integration von White Space für bessere Übersicht der Artikel. Vorbeugen von Spam durch Cloudflare Enterprise sowie Managed WordPress-Hosting für optimale Performance.
Klicks auf Google Sucherebniss
+ 20 %
Dank verbesserter Performance, wodurch Google die Website schneller crawlen kann und Besucher eine bessere User Experience haben
Advertorials im Magazin-Stil mit modernem Design und schneller Ladegeschwindigkeit
Marktindex.ch ist ein schweizerisches Unterhaltungsmedium, welches als moderne Online-Zeitschrift Leser durch Artikel aus den Bereichen Lifestyle, Freizeit, Familie, Hochzeit, Hotels, Business, Fahrzeuge sowie Bauen & Wohnen auf dem neuesten Stand hält.
Die Artikel bestehen ausschliesslich aus Advertorials und repräsentieren jeweils ein Unternehmen. Aus diesem Grund lag der Fokus für das Redesign auf der leichten Navigation der Website, einer langen Aufenthaltsdauer der Leser:innen sowie möglichst hohen Click-Through-Rates.
Die alte Website wirkte durch grosse Bilder, schlecht erkennbare Titel und wenig Zwischenräume überladen. Das Baukastenprinzip (WPBakery Page Builder) der Seite verlangsamte zudem die Leistung und führte zu langen Ladezeiten. Viele Plugins waren unnötig und senkten weiterhin die Performance, was teils zu hohen Absprungraten führte.
Der nächste logische Schritt war, das Webdesign klarer und lockerer zu gestalten sowie die Performance erheblich zu verbessern. Ziel war es, den Besuchern ein besseres Design-Erlebnis auf der Website zu bieten, sie zum Lesen der Advertorials zu inspirieren und Advertorial-Kunden eine steigende Zahl an Leads zu garantieren.
Optimierung für Mobile und Desktop
Strategie
Einrichten von managed WordPress-Hosting, Programmieren eines leistungsstarken Templates, Integration von Cloudflare Enterprise
Vorbereitung auf WordPress
- Umziehen der alten Website auf eigenen this:matters Server sowie Programmieren von performantem WordPress-Theme
- Entfernen von unnützen, verlangsamenden Code und Plug-ins
- Integration von Cloudflare Enterprise, um Spam zu reduzieren und Ladegeschwindigkeit zu erhöhen
Umsetzung
Optimierung des UI durch modernes Design, kleinere Bilder sowie bessere Navigation auf Mobile & Desktop
Anpassen des UX- und UI-Designs
- Automatisches Zuschneiden von Bildern für passende Webgrösse
- Optimierung des Themes für Mobile- und Desktop-Ansicht
- Anpassen des Designs mit mehr Whitespace, Kategorien und erlebbaren Bildern
- einfachere, schnellere Navigation für Besucher
Optimierung
DIY-Content-Upload
Manuelles Content-Management
- Content kann vom Marktindex-Team selbst hochgeladen werden
Leichte Navigation zwischen vielseitigen Kategorien
Native Advertisement und Advertorials leben davon, Unternehmensinformationen so aufzubereiten, dass sie wie ein Magazinbericht erscheinen – jedoch nicht wie Werbung.
Die Anforderung an das UX-Redesign für Marktindex war es, den Content journalistisch aussehen zu lassen und der Startseite den Flair eines Lifestyle-Magazins zu geben. Kategorien werden durch Herunterscrollen leicht sichtbar (Familie, Hochzeit, Business, …), können von den Leser:innen aber auch im Hauptmenü angeklickt werden, um von dort durch die Inhalte zu stöbern.
Ansprechender Content in Bild und Text
Bilder sollten erlebbar wirken und den Text optimal ergänzen, damit Besucher einen positiven Eindruck von den vorgestellten Unternehmen erhalten. Hierfür haben wir zum einen Bilder durch runde, anstatt kantige Ecken dargestellt und zum anderen die Titel der Advertorials klarer hervorgehoben.
Ausserdem wurde das Design so angepasst, dass mehr Platz zwischen den Beiträgen bleibt, Bilder automatisch beim Upload auf Webgrösse zugeschnitten werden und die Startseite als auch Unterseiten übersichtlicher aussehen.
Website-Ladezeit
> 751 ms
RUM (Real User Monitoring)
Performance-Upgrade durch Cloudflare Enterprise
Um die Leistungsgeschwindigkeit der stark Content-lastigen und Code-intensiven Website massiv zu erhöhen, haben wir die in die Jahre gekommene und unsauber weiterentwickelte Website von vorneherein neu aufgebaut.
Ausser dem Content wurde alles gelöscht. Durch die neue, saubere Programmierung und die Auswahl von performanten Plugins zur Unterstützung lädt die Website nicht nur schneller als vorher, sondern ist auch im Backend schneller zu bedienen.
Das garantiert ein optimales Nutzererlebnis für Leser:innen, eine einfachere Bedienung für das Marktindex-Team, sowie eine grössere Besucherzahl für Advertorial-Kunden.
Weitere Referenzen
Modernes WooCommerce-Redesign für optimale Service-Präsentation & schnelle Kaufabschlüsse
Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.
Brandneues Redesign für Musikalische High-End-Produkte
Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.
Simpex: Website-Performance der Spitzenklasse mit optimaler Suchfunktion und rasanter Ladezeit
Von einem unsauber umgesetzten CI & CD und einer langsamen Ladegeschwindigkeit, zu einer modernen WordPress-Website, welche alle Unternehmen der Chromos AG in einem Webdesign vereint und eine rasante Performance aufweist.
in Switzerland