PMG ist eine zentrale Ressource für Informationen zu Agrarprodukten, Branchentrends und Datenanalysen. Als führende Plattform für den Frischwarenhandel liefert PMG fundierte Inhalte für Fachleute und Unternehmen der Branche.

Die bisherige Suchfunktion war jedoch zu langsam: Ein vollständiger Suchvorgang benötigte bis zu 45 Sekunden, was zu einer steigenden Absprungrate führte. Außerdem fehlten Einblicke in das Suchverhalten der Nutzer – eine individuelle Nutzerführung war kaum möglich.

Da die Seite bereits auf Drupal basierte, entschied sich das Projektteam für eine progressiv entkoppelte Suchlösung mit React und Elasticsearch, ohne die gesamte Architektur umstellen zu müssen.

Ziele

• Entwicklung einer schnellen, facettierten Suchfunktion

• Tracking des Nutzerverhaltens zur Personalisierung der Ergebnisse

• Deutlich verbesserte Performance und Nutzererfahrung

• Umsetzung innerhalb eines Monats

Umsetzung & technische Lösungen

1. Architektur für moderne Suche

• Elasticsearch wurde zur Indexierung genutzt

• Mapping der Daten aus Drupal auf den Elastic-Server

• Entwicklung von Backend-Diensten für CRUD-Vorgänge (Erstellen, Lesen, Aktualisieren, Löschen)

• Nutzung des ElasticSearch Connector-Moduls mit Custom-Preprocessing für Such-API-Kompatibilität

2. React + Searchkit für facettierte Suche

Frontend und Logik der Suche mit modernen Tools (Babel, Webpack, Searchkit) in einer Sandbox entwickelt

Integration von React-Komponenten zur dynamischen Darstellung der Suchergebnisse

3. Kibana & Logstash zur Nutzeranalyse

Logstash für Erfassung und Speicherung von Suchanfragen

Kibana als Visualisierungs- und Analyseplattform für das Nutzerverhalten

Ziel: Admins erhalten wertvolle Einblicke in Suchtrends und Nutzerinteraktionen

Ergebnis

• 1200 % schnellere Ladezeit:
  Vorher: 17–25 Sekunden Ladezeit + 15–20 Sekunden für Ergebnisanzeige
  Jetzt: < 2 Sekunden Ladezeit, < 500 ms Ergebnisdarstellung

• Stark verbesserte User Experience durch moderne, intuitive Suchfunktion

• Einblicke in Nutzerverhalten ermöglichen eine personalisierte Inhaltserfahrung

• Geringer Wartungsaufwand, da der Hauptteil der Website unberührt blieb

• Pünktliche Fertigstellung innerhalb eines Monats, realisiert mit agiler Methodik (SCRUM)