Das kann labelinfo.ch
- Vergleich von namhaften Labels nach vorgegebenen Kriterien
- Kategorisierung der Labels
- Eigenständige Pflege durch Redakteur:innen der Labels im TYPO3 Backend
- Automatische Berechnung der Scores
Neue Methodik für die Bewertung von Labels
Die Stiftung Pusch bietet umfassende Informationen für mehr als 130 Umwelt- und Soziallabels. Es soll den Konsumierenden gezeigt werden, welche Produkte besonders nachhaltig und umweltbewusst hergestellt wurden. Entsprechend bietet labelinfo.ch eine Entscheidungshilfe für den bewussten Einkauf.
Im Rahmen des Relaunchs der Webseite labelinfo.ch wurde auch die Bewertungsmethodik für Labels komplett überarbeitet. Dabei wurde unter anderem auf eine Schnittstelle zur Datenbank "Standards Map" des International Trade Centre (ITC) zurückgegriffen, um internationale Daten für die Bewertung heranzuziehen.
Gemeinsam mit Pusch und der ZHAW haben wir das Projekt neu konzipiert und umgesetzt. Das Ergebnis ist eine umfangreiche Webseite, welche den Besuchenden den Durchblick im Label-Dschungel verschafft und sie intuitiv durch diesen führt.
Eine detaillierte Übersicht
Mit unserer intelligenten Suchfunktion und umfangreichen Filtermöglichkeiten können User nach unterschiedlichsten Labels suchen und diese anhand einer Detailansicht prüfen. In der Detailansicht werden alle wichtigen Informationen zu verschiedenen Kriterien präsentiert, sodass Nutzer:innen ein umfassendes Bild erhalten. Dabei werden Fragen zur Glaubwürdigkeit, Umweltfreundlichkeit, sozialen Verträglichkeit und zum Tierwohl beantwortet: Wie schneidet das Label in diesen Bereichen ab? Nutzer:innen können sich hier auf eine unabhängige und verlässliche Quelle stützen, welche die Labels entsprechend prüft und bewertet.
Vergleich der Labels für noch mehr Durchblick
Die Benutzer haben die Möglichkeit, zunächst eine Produktgruppe auszuwählen, um die zu vergleichenden Labels festzulegen. Anschliessend kann die Auswahl mithilfe von Produktuntergruppen weiter eingeschränkt werden. Eine benutzerfreundliche Ansicht ermöglicht es, bis zu drei Labels gleichzeitig anhand verschiedener Kriterien zu vergleichen. Mit der Detailbewertung wird den Benutzern gezeigt, wie stark sich die Labels voneinander unterscheiden.
Technischer Einblick: Bewertungmethode und Webseitenumsetzung
Die Bewertung der Labels basiert auf einem Indikatorenraster für Glaubwürdigkeit, Umweltfreundlichkeit, Sozialverträglichkeit und bei manchen auch Tierwohl. Einfach formuliert, wird die Gesamtbewertung durch die Analyse der Indikatoren in jeder Kategorie ermittelt und anschliessend automatisch durch ein Berechnungstool errechnet. Entsprechend werden die Labels dann mit einem Status, von ausgezeichnet bis kaum empfehlenswert, gekennzeichnet.
Die Bewertungen und Informationen zu den Labels werden anschliessend im TYPO3 Backend verwaltet und gepflegt. Diese Daten werden danach ans Frontend weitergegeben und auf der Webseite dargestellt.
Mithilfe vom Vue.js Framework und dessen State Management reagiert die Webseite dynamisch auf die Benutzerinteraktionen und aktualisieren Inhalte oder Elemente, ohne dass die ganze Seite neu geladen werden muss. Somit erfahren die Nutzer:innen eine nahtlose Experience und können sich schnell und effizient auf der Seite bewegen.
Desktop und Mobile im Unterschied
In der Desktop-Ansicht stehen umfangreiche Möglichkeiten zum Vergleich der Labels zur Verfügung. Auf Mobilgeräten hingegen sind die Vergleichsoptionen aus Platzgründen begrenzt. Hier befindet sich die detaillierte Filterung in einem Overlay, in dem Nutzer ihre Einstellungen vornehmen können. Auf dem Desktop sind die Elemente hingegen vertikal untereinander angeordnet. Somit haben wir die Seite für die Endgeräte optimiert und stellen sicher, dass die User-Experience optimal ist.
Erfahre mehr darüber, was eine gute UX ausmacht
Noch Fragen?
Daira
Daira Brack
Digital Consultant / Product Owner
