Massentauglichkeit bedeutet für eine digitale Lösung, dass sie Endgeräte-unabhängig umgesetzt wird. So ist Ecorating voll responsiv und in allen Browsern ab IE11 nutzbar. Eine gute Verfügbarkeit und Stabilität wurde durch Vue.js and GraphQL sichergestellt - Flexibilität in der Architektur und ein massgeschneiderter Datenbezug über die API. Diese Grundlagen sind entscheidend dafür, dass die Seite dem hohen Traffic während den Stände- und Nationalratswahlen standhält.
Innovation im Frontend verlangt ein flexibles Backend
Das stark grafiklastige Frontend verlangte nach einer innovativen Backend-Lösung. So wurde das October CMS Headless für das Back-end verwendet. Das Backend übernimmt die komplette Berechnung für die Charts und bereitet die Daten via GraphQL-Schnittstelle für das Frontend auf. Das Frontend wurde als Single Page Application mit Vue.js umgesetzt.
Hochqualitative Grafiken
Ecorating setzt bei der Datenvisualisierung auf Grafiken, welche nur in höchster Qualität für die Seitenbesucher*innen verfügbar sind. Daher werden viele Grafiken mit modernen SVG-Methoden aufbereitet.
Finden statt suchen
Wer heute im Web unterwegs ist, findet über Suchmaschinen und teilt über Soziale Medien.
So waren Search Engine Optimisation (SEO) sowie Social Media Sharing - nutzbar für einzelne Seiten - zentrale Anforderungen an das Projekt. Aus diesem Grund wurde Nuxt.js für das Server-Side Rendering eingesetzt, mit einer reinen JavaScript-basierten Seite wäre die Umsetzung nicht möglich gewesen.
Fehler verständlich visualisiert
Die Fehlertoleranz von Usern ist heute sehr tief. Aus technischer und Usability-Perspektive ist die Fehlerfreiheit wichtig. Ecorating fängt Fehler - beispielsweise Downloadprobleme - ab und zeigt sie Benutzer*innen transparent an.
Sicherheit
My.ecorating.ch - der Login-gesicherte Bereich, indem Politiker*innen ihre Wahlversprechen selber erfassen und pflegen - hat einen höheren Anspruch an die Security. Die API ist read only - für my.ecorating.ch wurde mit standard larvel security operiert. Die Umsetzung erfolgte mit Vuetify. Jede*r Politiker*in kann jederzeit ein Profil erstellen. Dieses wird nach der manuellen Prüfung durch die Umweltallianz freigeschaltet. Die Manipulationsresistenz wird sichergestellt, indem nur Personen zur Wahl zugelassen werden, die ein Politiker*innen-Profil besitzen, das von der Umweltallianz geprüft wurde.