GuteWahl.de - Thunder für umfangreiche redaktionelle Produkttests

Verlage/Medien

Zusammenfassung

GuteWahl.de wurde auf Basis von Drupal 8 und Thunder als digitale Kaufberatung mit umfangreichen redaktionellen Produkttests entwickelt.

Projektbeschreibung

GuteWahl.de ist eine digitale Kaufberatung, die für den User die Frage beantwortet, welches Produkt für ihn das Beste ist. Kern der Seite sind umfangreiche redaktionelle Produkttests aus den Bereichen Garten, Küche, Haushalt, Einrichten und Wohnen.

Aus technischer Sicht bilden Drupal und Thunder die Basis für das Portal. Die Performance spielt bei diesem Projekt eine wichtige Rolle. GuteWahl.de wurde mit Vue.js, SOLR-, Varnish- und Cloudflare-CDN-Integration sowie einer hochentwickelten Test-Suite mit Behat, Sitespeed und VRT umgesetzt. Die umfangreiche Produkt Vergleichstabelle mit einem Test- und einem Preis-Leistungs-Sieger ist immer aktuell.
Zudem funktioniert die Plattform stark datengetrieben – die Entscheidung, welche Produkte im Test landen, folgt stringent der Nachfrage des Users sowie aktuellen Markttrends und – Entwicklungen und ist unabhängig von Herstellern.

Das Geschäftsmodell basiert auf Provisionszahlungen der angebunden Händlern und folgt damit dem digital üblichen Vorgehen. Der Content ist für den Nutzer kostenfrei.

Das Besondere an GuteWahl ist, dass es ein Gemeinschaftsprojekt der BurdaHome Redaktionen, wie z.B. Mein schöner Garten ist, da gemeinschaftlich das nötige Expertentum und die Glaubhaftigkeit für das Testportal aufgebracht werden kann.

Projektziele und -ergebnisse

Umsetzung einer umfangreichen Seite für redaktionelle Produkt-Tests mit einer Produkt Vergleichstabelle, Produktbeschreibungen, Diashows und sowie tagesaktuellen Preise von Händlern.

Die Erstellung der Website erfolgte nach der Devise Mobile first, wobei das Hauptaugenmerk auf die Optimierung der Ladezeiten und auf die Performance bei Mobilgeräten gelegt wurde.

Zur Integration der tagesaktuellen Preise wurden enstprechend APIs der Händler, wie die Amazon API, angebunden und um kurze Ladezeiten zu gewährleisten, auf der Seite zwischengespeichert.

Herausforderungen

Die Darstellung der umfangreichen Produkt Vergleichstabelle sollte von Anfang an auch in der mobilen Version durch ihre Usability und User Experience überzeugen, was durch eine eigene, optimierte Implementierung der Vergleichstabelle mit Vue.js erreicht wurde. Weiters wurde darauf geachtet innerhalb der jeweiligen Tests eine einfache Navigationsmöglichkeit zu den einzelnen Produkten des Tests anzubieten. Die hohen Erwartungen im Bereich Usability und Performance konnten so rasch erfüllt würden.

Bei Preisvergleichsseiten ergab sich weiters die Herausforderung, diese möglichst lang im CDN zwischenzuspeichern um eine optimale Performance zu erreichen, aber zugleich zumindest tages-aktuelle Preise darzustellen. Dies wurde durch die Einbindung der Preise über eigens geschaffene und separat im CDN zwischengespeicherte API-Endpoints erreicht, welche in Folge unabhängig von den Preisvergleichsseiten aktualisiert werden können.

Community-Beiträge

Das in Wien ansässige Unternehmen drunomics verfügt über langjähriges Know-how, um Drupal-Projekte in allen Dimensionen umzusetzen.

Wir sind sehr daran interessiert, an Open-Source-Projekten wie Drupal und seinen Contrib-Modulen mitzuwirken. Im Rahmen des Projekts GuteWahl.de wurde folgende Projekte unterstützt:
Drupal Amazon Contrib Modul https://git.drupalcode.org/project/amazon/commits/8.x-2.x
Drupal Cache Tools Projekt https://www.drupal.org/project/cache_tools.

Warum sollte dieses Projekt die Splash Awards gewinnen?

Die Darstellung der umfangreichen redaktionellen Produkt Vergleichstabelle kann auch in der mobilen Version durch ihre Usability und User Experience überzeugen. Dies wurde durch eine eigene, optimierte Implementierung der Vergleichstabelle mit Vue.js erreicht. Zusätzlich werden die Preisvergleichsseiten möglichst lang im CDN zwischengespeichert um eine optimale Performance zu erreichen, müssen dem User aber zumindest tages-aktuelle Preise darstellen.

Projekt-Video