Die neue UI steigert den Traffic und sorgt dafür, dass sich die Kunden mit den Produkten beschäftigen.

Industrie

Technologie

AWS Bitbucket CLI Docker Eckig Eckiges Material Expressjs Github-Aktionen Leuchtturm OpenID-Client Postbote Spielrahmen Typoskript Zypresse

Einführung

Wir haben Universal Pictures dabei geholfen, die Besucherzahlen zu erhöhen, nahtlose Login-Flows zu schaffen und die Kundenbindung durch eine neue Benutzeroberfläche zu verbessern.

Über Universal Pictures

Universal All Access (Universal Pictures Home Entertainment, die Heimvideo-Vertriebsabteilung des amerikanischen Filmstudios Universal Pictures) Das Rewards-Portal ist eine soziale Plattform, die ein automatisiertes Targeting/Retargeting von Käufern ermöglicht, um die Kundenbeziehungen über den Ladengang hinaus zu erweitern. Es ermöglicht den Kunden, sich sozial mit der Marke zu engagieren, was ihre Kaufgewohnheiten beeinflusst und ungewollt ein ähnliches Muster bei ihren Kontakten fördert, um einen kontinuierlichen Kanal der Markenbekanntheit durch soziale Medien aufrechtzuerhalten. Das Portal hilft bei der Aufrechterhaltung eines ständigen Dialogs über Wettbewerbe und Werbeaktionen, Belohnungen und Gamification, gezieltes Couponing und Kaufvalidierungen mit neuen Kunden, während gleichzeitig ein felsenfester Kundenstamm aufgebaut wird.

Auswirkungen

Die komplett neue Benutzeroberfläche auf den Registrierungs- und Anmeldeseiten wurde angepasst, um die Besucherzahlen zu erhöhen.
Erweitern Sie den Registrierungs- und Login-Workflow, damit Universal den Prozess in ihre Spiele integrieren kann (z. B. The Forever Purge).

Herausforderungen

Das Unternehmen möchte seine Besucher beim Besuch seiner Website bei der Stange halten. Um dieses Ziel zu erreichen, wollen sie das Thrillworks-Spiel integrieren, so dass sich die Nutzer mit dem Portal verbunden fühlen sollen.

Das Unternehmen benötigte ein besseres Ul für die Registrierungs- und Login-Seiten, um die Traffic-Spitzen zu erhöhen und gleichzeitig die Kunden und ihr Verhalten in Bezug auf Produkte und die Marke zu berücksichtigen.

Die größte Herausforderung besteht darin, die Registrierungs- und Anmeldeabläufe zu erweitern, damit Universal den Prozess in seine Spiele integrieren und anpassen kann. Wir müssen die Benutzer mit einer eindeutigen Kennung verfolgen, die sich über diese Spiele registrieren und anmelden, und danach eine Validierungs-/Weiterleitungs-/Umleitungsseite auf der All-Access-Website erstellen, um die Benutzer in das Spiel zu bringen, sobald sie bereits angemeldet sind.

Näherung

NashTech arbeitete eng mit den Geschäftsanforderungen zusammen, um die Schlüsselbereiche zu identifizieren , und integrierte einen Abschnitt auf der Universal Portal UI, um das Thrillworks-Spiel zu spielen. Wir haben die Registrierungs- und Anmeldeabläufe erweitert, damit Universal den Prozess auch in ihre Spiele integrieren kann. Unsere Entwickler implementierten eine völlig neue Benutzeroberfläche auf den Registrierungs- und Anmeldeseiten, um die Zugriffsspitzen zu erhöhen und gleichzeitig aussagekräftige geografische Informationen über die Kunden und ihr Verhalten in Bezug auf Produkte und die Marke zu erfassen.

Lösung

NashTech arbeitete eng mit den Geschäftsanforderungen zusammen, um Schlüsselbereiche zu identifizieren. Nachdem alle kritischen Punkte identifiziert waren, begannen wir mit der Erstellung des Portals in Knolway (NashTech Softwareentwicklungsmethodik) nach einem zweiwöchigen Sprintplan. Die Benutzeroberfläche wurde auf Angular 8 mit modernen Webbibliotheken aufgebaut.

Wir haben die Benutzeroberfläche optimiert, um den Spielbereich und die Registrierungs-/Anmeldeseite so weit wie möglich anzupassen, damit die Benutzererfahrung so reibungslos wie möglich ist. Das gesamte Portal wurde architektonisch in mehrere logische Dienste unterteilt, die als Microservices verteilt sind und jeweils Reactive Manifesto für die Entwicklung verwenden, wodurch die gesamte API-Kommunikation asynchron und nicht blockierend erfolgt.

Die folgende Abbildung zeigt die wichtigsten Merkmale des UNIVERSAL PORTAL.

Kauf validieren
Wettbewerbe
Belohnungen
All-Access (basierend auf dem Benutzerabonnement)
Mein All-Access
Mein Film bietet
Punkte sammeln

Bei der Umsetzung dieser Spielfunktion haben wir alle drei Perspektiven berücksichtigt:

Benutzerführung bei Neuanmeldung.
Benutzerreise für einen registrierten Benutzer, der sich anmelden muss
Benutzerreise für einen registrierten Benutzer, der in einer All-Access-Sitzung angemeldet ist.

1. Wenn sich ein neuer Benutzer registriert, würde der Weg wie folgt aussehen:

Der Benutzer erlaubt die Weiterleitung zur Registrierungsseite. Mit der neuen Implementierung kann die intelligente Benutzeroberfläche erkennen, ob der Benutzer mit einem bestimmten Quellparameter (z. B. src=TheForeverPurgeGame) gelandet ist, und Entscheidungen für weitere Maßnahmen treffen.
Nach Abschluss der Registrierung wird dem Nutzer eine Dankeseite angezeigt, und zur Bestätigung wird ihm eine E-Mail zugesandt.
Wenn ein Benutzer auf den oben genannten Verifizierungslink klickt, wird er zu unserer Anmeldeseite weitergeleitet, die URL-Parameter identifiziert (z. B. src=TheForeverPurgeGame).
Der Benutzer besucht eine Anmeldeseite, gibt die Anmeldedaten ein und meldet sich beim Portal an.
Der Benutzer meldet sich an, erhält die reguläre Begrüßungs-E-Mail und wird automatisch auf die Validierungs-/Weiterleitungsseite weitergeleitet, die dann die neu implementierte Spielseite/Registerkarte öffnet. Für die Authentifizierung wird JWT synchron mit den Spieleseiten über HTTP-Header oder URL-Abfragen implementiert.

2. Bereits registrierter Benutzer, dann würde die Reise wie folgt aussehen:

Der Benutzer besucht eine Anmeldeseite, die in der URL etwas wie src=TheForeverPurgeGame enthält, gibt die Anmeldedaten ein und klickt auf die Schaltfläche “Anmelden”.
Der Benutzer meldet sich an und wird automatisch auf die Validierungs-/Weiterleitungsseite weitergeleitet, die dann die Seite/Registerkarte des Spiels öffnet. Zur Authentifizierung wird JWT über HTTP-Header oder URL-Abfragen an die Spieleseiten weitergegeben.

3. Benutzerreise für einen registrierten Benutzer, der in einer All-Access-Sitzung angemeldet ist:

Der Benutzer besucht die Filmseite (z. B. das Spiel Forever Purge) und muss sich nicht anmelden. Für die Authentifizierung wird JWT die Sitzung aufrechterhalten und über HTTP-Header oder URL-Abfragen an die Seiten der Spiele weitergegeben.

Das Ergebnis

Mehr Nutzerverkehr erreicht

Sie haben eine völlig neue Benutzeroberfläche auf den Registrierungs- und Anmeldeseiten eingeführt, um die Besucherzahlen zu erhöhen. Die Nutzerbindung zum Universal Portal wurde erhöht. Wir kümmern uns immer um die Kunden und ihr Verhalten in Bezug auf Produkte und die Marke.

Leistung der Anwendung

Das endgültige Produkt war auch bei hohen Datenverkehrsspitzen extrem leistungsfähig, da die gesamte Kommunikation nicht blockierend und asynchron ablief und die Skalierung im Rahmen der Microservices-Architektur einfach war.

Erfolgreiche Implementierung der blockierungsfreien Umgebung

Die Benutzeroberfläche wurde so entwickelt, dass sie eine blockierungsfreie Umgebung ermöglicht, was zu einer optimalen Benutzererfahrung beiträgt und die Generierung von Daten ermöglicht, die für die Markenbildung von entscheidender Bedeutung sind.

Einfach zu warten und zu debuggen

Alle Dienste und Module sind jetzt unabhängig. Dies ermöglicht den Entwicklern eine bessere Wartung des Projekts, so dass fehlerhafter Code leicht identifiziert, debuggt und effizient getestet werden kann.

Implementierte Thrillwoks-Spielarchitektur

Verbesserung des Benutzererlebnisses durch Erleichterung von Routing und Workflows in der gesamten Anwendung sowie Verbesserung der Qualität der in der Anwendung verwendeten Animationen.

Erweiterter Workflow für Registrierung und Anmeldung

Erweitern Sie den Registrierungs- und Login-Workflow, damit Universal den Prozess in ihre Spiele integrieren kann (z. B. The Forever Purge). Es ermöglicht auch die Erfassung des Inhalts der Registrierungs-E-Mail, wenn die Registrierung über das Spiel erfolgt. SSO wird auch aus Sicht der Benutzeroberfläche implementiert.