LookLook — die ultimative Plattform für Kundenumfragen

Wir haben eine Lösung auf Basis moderner Technologien entwickelt und die Daten von einer bestehenden Plattform migriert. Unser Ziel war es, die Verarbeitung großer Datenmengen zu optimieren und einen stabilen Betrieb unter Last sicherzustellen.

LookLook ist eine End-to-End-Umfrageplattform, die hochqualifizierte Teilnehmer auswählt und sie dazu einlädt, individuelle Fragebögen zu beantworten. Gemeinsam mit einer UI/UX-Agentur aus New York haben wir eine intuitive Lösung geschaffen, ohne Abstriche bei Flexibilität oder Funktionsumfang zu machen. Mit der Plattform lassen sich Studien erstellen, moderieren und auswerten sowie Teilnehmer rekrutieren und mit ihnen chatten.

Um die Arbeit mit Umfragen komfortabler zu machen, bietet die Plattform dem Kunden zwei Werkzeugsets:

• Mit den Werkzeugen zur Umfrageerstellung können Sie Teilnehmer in Untergruppen einteilen sowie Themen und Fragen hinzufügen; außerdem enthalten sie eine Reihe von Voreinstellungen für die Arbeit mit Nutzerfragen und Nachfragen.
• Mit den Analysewerkzeugen können Sie die wichtigsten Erkenntnisse in einem einzigen Dokument festhalten, das das gesamte Team gemeinsam nutzt, eine Bibliothek aus Fotos und Videos aufbauen, quantitative Daten auswerten und automatisch Diagramme erzeugen sowie Daten für ein einfaches Reporting exportieren.

Worin das Problem bestand

Der Kunde kam mit dem Wunsch zu uns, die Plattform sowohl gestalterisch als auch technologisch komplett neu aufzusetzen.

Tatsache ist, dass die Nutzer der Plattform neben einfachem Text auch Antworten im Audio- und Videoformat hinterlassen können, die die Plattform zur leichteren Auswertung automatisch als Text in die gewünschte Sprache übersetzt. Doch die Rechenleistung der Plattform reichte für die Datenverarbeitung nicht aus. Genau das war das Hauptproblem, das es zu lösen galt — die Plattform war wenig performant und kam mit der Verarbeitung großer Mengen an Audio- und Videodaten nicht zurecht.

Unsere Aufgabe bestand daher darin, die Plattform von Grund auf neu zu entwickeln, und zwar auf einem neuen Technologie-Stack, um eine automatische Skalierung in Abhängigkeit von der aktuellen Last zu ermöglichen.

Was wir gemacht haben:

Wir haben Frontend und Backend der Plattform mit einem modernen Technologie-Stack neu geschrieben — Node.js in Verbindung mit Vue.js+Nuxt.js auf Basis von Amazon-Diensten.

Außerdem wünschte sich der Kunde eine Progressive Web App, was sich mit Nuxt recht einfach umsetzen lässt.

Wir haben uns für die Kombination aus Node.js, Vue.js und Nuxt.js entschieden, weil sich dieser Stack bereits vielfach bewährt hat.

Ein Vorteil war, dass Vue.js einen komfortablen Weg bietet, skalierbare Anwendungen zu erstellen. Das Framework setzt auf das Komponentenkonzept, mit dem sich wiederverwendbare Komponenten erstellen lassen. So lässt sich das Projekt künftig leichter warten und erweitern, ohne dass hohe Kosten entstehen.

Außerdem wünschte sich der Kunde eine Progressive Web App, was sich mit Nuxt recht einfach umsetzen lässt.

Für die automatische Skalierung haben wir außerdem Amazon Web Services (AWS) eingesetzt. Konkret haben wir folgende Lösungen umgesetzt:

• Amazon Elastic Load Balancer (ELB): ein Load Balancer, der eingehende Anfragen auf mehrere Instanzen unserer Anwendung verteilt. Das sorgt für hohe Verfügbarkeit und eine gleichmäßige Lastverteilung.
• Amazon Elastic Kubernetes Service (EKS): Containerisierung unserer Anwendung mit Kubernetes, verwaltet über den Dienst EKS. Das vereinfacht Deployment und Verwaltung der Container und ermöglicht eine automatische Skalierung je nach Last.
• Mit Amazon RDS können wir eine relationale Datenbank betreiben, ohne uns um deren Infrastruktur kümmern zu müssen. Zudem lässt sich die Datenbank abhängig von Datenvolumen und Last automatisch skalieren.

Kurz gesagt: Diese AWS-Dienste von Amazon ergänzen unseren Technologie-Stack und sorgen für automatische Skalierung und hohe Verfügbarkeit der gesamten Anwendung.

Wir haben die Benutzeroberfläche neu gestaltet

Die alte Lösung konnte nicht gerade mit intuitiven Bedienelementen glänzen und war durch die tiefe Verschachtelung der Objekte schwer zu durchschauen. Häufig genutzte Seiten waren hinter einer Vielzahl von Übergängen und Schaltflächen versteckt.

Die gesamte Benutzeroberfläche des Projekts wurde unter Berücksichtigung aktueller Trends und mit Fokus auf eine gute UX überarbeitet. Jetzt finden Nutzer schnell die Bereiche, die sie interessieren, und können die Plattform bequem nutzen: Teilnehmer in Gruppen organisieren, kommunizieren, Daten auswerten.

Tools, die wir eingesetzt haben:

• Figma für das Prototyping und die Ausarbeitung des finalen Designs;
• GitLab samt automatisierter CI/CD;
• Asana als Aufgabenverwaltung;
• Und natürlich Slack für die tägliche Kommunikation, dazu dreimal pro Woche die guten alten Meetings, um Fortschritte und neue Aufgaben zu besprechen.

Die Ergebnisse:

• Dank der neuen, überarbeiteten Plattform ist der Umsatz des Kunden um 30 % gestiegen;
• Die Zahl der Unique User, die die Plattform besuchen, ist auf das 2,1-Fache gestiegen;
• Wir haben einen treuen Kunden gewonnen, der bereit ist, uns auch künftige Projekte anzuvertrauen.

Das sagt unser Kunde:

„Dank des Einsatzes von Afterlogic.Works ist das Geschäft im Jahr 2021 um 30 % gewachsen. Das Team hat das Projekt erfolgreich umgesetzt und gesteuert; es hält Budgets ein und nutzt mehrere Projektmanagement-Tools wie Sigma, GitLab, Asana und Slack. Es zeichnet sich durch seine Fähigkeit aus, Lösungen zu liefern.“

CEO von LookLook

Möchten Sie über Ihr Projekt sprechen? Hier können Sie Kontakt mit uns aufnehmen!