Technologische Nachhaltigkeit

  • Marc BrĂŒhwiler

Von Frontend ĂŒber Backend bis zum Headless CMS zielt bei der technologischen Entwicklung der Plattform alles auf eine massentaugliche Gesamtlösung ab.

Mehr zu unseren UX Design und CMS services.

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.


Sag uns was du denkst