Du siehst unsere Seite gerade im Ecomodus.

Neuer Tech-Stack für die Admin Oberfläche

Großartige User Experience mit Neos Fusion und hohe Interaktivität durch Stimulus und React

Bild laden

Übersicht

  • Beratung und technisches Konzept für die Überarbeitung des bestehenden Technologiestacks der Adminoberfläche
  • Entwicklung eines Prototypen
  • Gemeinsame Überarbeitung der bestehenden Admin-Oberfläche
  • Entwicklung eines Baukastensystems mit wiederverwendbaren Komponenten

Informationen

Logo Swisscom
Bild laden
Logo Swisscom

Swisscom Event & Media Solutions

Egal ob Sportveranstaltung, Generalversammlung oder Kundenevent Die Swisscom Event & Media Solutions unterstützt ihre Kunden umfassend mit Telekommunikations-, IT-,  Streaming Media, Content Delivery und Eventmanagement-Dienstleistungen.

Zoon unterstützt Unternehmen bei der Organisation Ihrer virtuellen, physischen und hybriden Events über eine Plattform.

Bild laden

Herausforderung

Zoon stellt mit dem Events-Frontend eine Oberfläche für alle Teilnehmenden eines Events bereit und eine Adminoberfläche zum Erstellen und Verwalten dieser Events. Dabei bietet die Plattform sehr viele Funktionen und ein hohe Flexibilität was zu einer hohen Komplexität in der Adminoberfläche führt.

Ziel unseres Kunden war es, die User Experience der Adminoberfläche zu verbessern und mittelfristig den Entwicklungsaufwand für die Implementierung neuer Funktionen zu reduzieren.

Für eine bessere User Experience sollten vor allem interaktive Komponenten implementiert werden.

Unsere Aufgabe bestand in der Erstellung eines Konzeptes zur Überarbeitung des Technologiestacks und der Implementierung eines Prototypen in der Adminoberfläche.

Auf Grundlage des neuen Technologiestacks sollte die Adminoberfläche umgebaut werden. Außerdem sollte ein Baukasten entwickelt werden, der es erlaubt, neue Funktionen schneller und damit kostengünstiger in der Adminoberfläche bereitzustellen.

Bild laden

Lösung

Das Backend von Zoon basiert auf dem PHP Framework Neos Flow und verwendet ein Model-View-Controller Pattern. Dieses Pattern hat im Kontext einer Adminoberfläche bereits sehr viele Vorteile hinsichtlich der Entwicklungsgeschwindigkeit, vor allem weil Neos Flow bereits viele Funktionen wie Security und Routing bereitstellt und sehr einfach statische gerenderte Seiten verwendet werden können.

Die Lösung bestand in der Überarbeitung des Technologiestacks bezogen auf die View-Schicht. 

Die Templating Sprache Fluid wurde durch Neos Fusion und die Templating Sprache AFX ersetzt. Diese Kombination ermöglicht einen komponentenbasierten Ansatz beim Aufbau des Markups für die statisch gerenderten Seiten. 

Eine hohe Interaktivität einzelner Komponenten erreichten wir durch den Einsatz von Stimulus.js, React und Redux im Browser.

Während des Umbaus der Admin-Oberfläche entstand so ein flexibler Baukasten mit wiederverwendbaren interaktiven Komponenten. Diese ermöglichen die Bereitstellung einer großartigen User Experience und eine höhere Entwicklungsgeschwindigkeit bei der Umsetzung neuer Funktionen in der Adminoberfläche.

Sandstorm Referenz Gabriela Patil Swisscom
Bild laden
Sandstorm Referenz Gabriela Patil Swisscom
Der gemeinsam mit unserem Entwicklungsteam erstellte Baukasten und der neue Technologiestack haben uns geholfen, schneller neue Features zu entwickeln und zu releasen. Sandstorm war es dabei immer wichtig, eine pragmatische Lösung im geplanten Budget- und Zeitrahmen umzusetzen.
Gabriela Patil, Product Owner Event und Data