Labelinfo Durchblick im Label-Dschungel

Die Website labelinfo.ch vermittelt umfassende Informationen zu mehr als 130 Umwelt- und Soziallabels. Zusammen mit der Stiftung Pusch und der ZHAW haben wir das Projekt neu konzipiert und umgesetzt. Auf der Plattform erhalten User detaillierte Informationen zu Labels in verschiedensten Branchen.

  • weblösungen

Neue Bewertungs-Methodik

Im Rahmen des Relaunchs der Website 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. Unsere Aufgabe war es, die umfangreichen Daten userfreundlich darzustellen. Das Ergebnis ist eine umfangreiche Website, welche den Besuchenden den Durchblick im Label-Dschungel verschafft und sie intuitiv führt.

Was User wissen wollen

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.

Technischer Einblick: Bewertung und Website

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 CMS verwaltet und gepflegt.

Mithilfe des Vue.js Frameworks und dessen State Management reagiert die Website dynamisch auf Interaktionen und aktualisiert Inhalte oder Elemente, ohne dass die ganze Seite neu geladen werden muss. Somit können sich User 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 User ihre Einstellungen vornehmen können. Auf dem Desktop sind die Elemente hingegen vertikal untereinander angeordnet. Somit haben wir die Seite für unterschiedliche Endgeräte optimiert und stellen sicher, dass die User Experience optimal ist.

alles neu?

Lass uns gemeinsam deinen Relaunch planen!