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.