https://www.elinext.de/fallstudien/interaktiver-handyspiel-avatar/
0
Interaktiver Handyspiel-Avatar für einen Sneaker-Hersteller - Elinext
Interaktiver Handyspiel-Avatar für einen Sneaker-Hersteller

Interaktiver Handyspiel-Avatar für einen Sneaker-Hersteller

Information
Standort:
Australien, weltweit
Branche:
Einzelhandel und E-Commerce
Plattform:
Mobile
Arbeitsmodell:
Zeit und Material
Projektdauer:
18 Monate
Team-Mitglieder:
POC-Team: 1 Senior-Flutter-Entwicklung und 1 Junior-Flutter-Entwicklung. Kernteam: 5–7 Frontend-Entwickler, 5–7 Backend-Entwickler, 3–4 QA-Ingenieure und 1–2 Business-Analysten
ID:
601
Verwendete Technologien
Firebase
Redux
Flutter
Dart
IOS
SQL

Der Kunde

Ein australisches Unternehmen arbeitete mit Elinext zusammen, um seine standortbasierte Gaming-App für Sneaker-Enthusiasten mit anpassbaren Avataren zu erweitern.

Herausforderungen

Mobiltelefone haben den Ruf, uns am Sitzen zu halten. Aber sie können tatsächlich einen aktiven Lebensstil fördern, indem sie uns dazu drängen, aufzustehen, einen Spaziergang zu machen und in Bewegung zu bleiben.

Ein australisches Unternehmen hat dies bei der Entwicklung seiner mobilen Spiele-App berücksichtigt. Spieler könnten ihre virtuellen Turnschuhe aufrüsten, indem sie vorgeschlagene Strecken zurücklegen und Orte besuchen.

Irgendwann beschloss die Spielefirma, Avatare einzuführen, die die Spieler nach ihren Wünschen anpassen konnten. Sie haben versucht, diese Funktion selbst zu entwickeln, aber die Arbeit ging langsam voran und sie mussten sich Hilfe suchen.

Das Unternehmen erinnerte sich, dass es vor einigen Jahren erfolgreich mit Elinext an einem anderen Projekt zusammengearbeitet hatte. Und wir waren für sie da.

Der Prozess

Da wir bereits zuvor mit diesem Kunden zusammengearbeitet hatten, gab es fast keine Eingewöhnungszeit. Wir haben neun Entwickler unter der Leitung eines Business-Analysten zusammengestellt und sind direkt losgelegt.

Die Avatar-Funktion steckte noch in den Kinderschuhen, als wir uns dem Projekt anschlossen. Wir begannen damit, ein Proof-of-Concept-Dokument (POC) für die Anzeige und Änderung des Avatars zu schreiben und gingen später dazu über, ihn zum Leben zu erwecken.

Verwendung von Spikes zur Untersuchung möglicher Lösungen

Unser Business-Analyst arbeitete eng mit dem Kunden zusammen, hielt ihn über Projektmeilensteine auf dem Laufenden und leitete weitere Richtungen ein. Die Aufgaben wurden über Tickets kommuniziert und wir mussten Spikes verwenden, um einige dieser Tickets zu bearbeiten.

Ein Spike ist eine Methode, um eine potenzielle Lösung auf einfachste Weise zu untersuchen. Beispielsweise haben wir diese Methode angewendet, um zu untersuchen, wie wir mit Firebase Performance Monitoring Metriken hinzufügen können.

Der Bau des POC dauerte etwa zwei bis drei Monate. Anschließend arbeitete das Kernteam in iterativen dreiwöchigen Sprints an der Umsetzung.

Beheben von Überlappungen visueller Elemente

Der Avatar besteht aus mehreren interaktiven Elementen, wie Kleidung, Körperteilen und Gesichtsmerkmalen. Und diese Elemente überlappten sich, sobald wir sie zum ersten Mal ausgeführt hatten, also mussten wir daran arbeiten, das Problem zu beheben. Darüber hinaus haben wir Animationen geglättet, die aufgrund von Avatar-Änderungen zuckten.

Auf der Feuerbasis reiten

Ein großer Teil der Arbeit an diesem Projekt bezog sich auf die Implementierung von Firebase. Zunächst haben wir damit Daten über die Zeit gesammelt, die Spieler mit bestimmten Aktivitäten verbracht haben. Dadurch konnten wir Erkenntnisse darüber gewinnen, welche Funktionen am häufigsten genutzt wurden, und welche verbessert werden mussten.

Als Nächstes ermöglichten wir das Ein- und Ausschalten bestimmter Avatar-Funktionen, ohne eine neue App-Version zu veröffentlichen und Benutzer zu einem Update zu drängen. Und dazu haben wir Firebase Remote Config verwendet. Dies erleichterte das Testen neuer Funktionen und das Vornehmen von Anpassungen erheblich.

Schließlich mussten wir Firebase-Migrationsskripte schreiben, um Daten zu übertragen, wenn sich das Dokumentschema änderte. Auf diese Weise haben wir verhindert, dass es während der Migration zu Datenverlusten kommt, und sichergestellt, dass die App reibungslos funktioniert.

Das Produkt

Wir haben einen voll funktionsfähigen Avatar erstellt, der in andere Spielkonzepte wie virtuelle Turnschuhe und die Karte integriert ist. All dies kann über ein Admin-Panel verwaltet und zum Einbinden zusätzlicher Funktionen verwendet werden.

Der Avatar

Um seinen Avatar zu ändern, kann der Spieler zur Avatar-Editor-Ansicht wechseln. Körper- und Gesichtszüge sowie Haut- und Haarfarbe können nach Belieben des Spielers angepasst werden.

Der Benutzer kann auch mit Turnschuhen, Kapuzenpullovern, Hosen, Mützen und anderen Kleidungsstücken spielen, um seine digitale Darstellung individuell anzupassen. Diese virtuellen Modeartikel können entweder durch das Absolvieren vorgeschlagener Strecken verdient oder auf dem In-Game-Markt mit digitaler Währung gekauft werden. Spieler können die Währung verdienen, indem sie Missionen erfüllen.

Der Avatar steht an der Wand, die mit Regalen übersät ist, auf denen die verschiedenen Turnschuhe der Spieler stehen. Und dieses Setup kann auch geändert werden. Der Spieler kann seine Turnschuhe bewegen und so den Hintergrund nach seinen Wünschen anpassen.

Darüber hinaus haben wir unseren Kunden bei der Implementierung von NFT-Sneakern unterstützt. Dadurch können Sie ein einzigartiges Paar als NFT kaufen und das entsprechende Etikett erscheint an diesen Sneakern angebracht.

Virtuelle Turnschuhe

Der Avatar ist wichtig, aber virtuelle Turnschuhe sind immer noch das Hauptkonzept des Spiels.

Durch längeres Strecken werden die Turnschuhe abgenutzt, sodass der Spieler sie manchmal reparieren muss, indem er auf der Karte als Reparaturstationen markierte Orte aufsucht. Und wenn der Benutzer längere Zeit keine Dehnübungen gemacht hat, haben seine Turnschuhe etwas an Kraft verloren und der Spieler hat nur eine begrenzte Auswahl an Dehnübungen, mit denen er die Kraft steigern kann.

Die Karte

Sobald ein Spieler bereit ist, Spielmissionen anzugehen, geht er zur Karte, um neue Ziele zu entdecken. Und der zuvor angepasste Avatar erscheint auf dieser Karte und markiert seine aktuelle Position.

Administrationsmenü

Ursprünglich verwendeten Administratoren Google Sheets, und das war keine besonders effiziente Möglichkeit, die Anwendung zu verwalten. Wir haben diesen Prozess verbessert, indem wir mit Flutter Web ein webbasiertes Admin-Panel entwickelt haben.

Ergebnisse

Elinext hat seinen Teil des Projekts in 18 Monaten abgeschlossen.

Die Arbeit an diesem Produkt war eine lehrreiche Erfahrung. Wir haben unsere Fähigkeiten beim Einrichten von Firebase-Diensten wie Remote Config, Firestore und Cloud Functions verbessert.

Heute ist das Startup erwachsen geworden und hat ein eigenes internes Team aufgebaut. Die Anwendung bewahrt mehr als 100.000 Smartphone-Nutzer davor, zum Stubenhocker zu werden.

1_1-6
2_1-7
Haben Sie vor, ein gleiches Projekt zu schaffen?
Haben Sie eine Projektidee? Lassen Sie uns darüber diskutieren
Kontakt


    Insert math as
    Block
    Inline
    Additional settings
    Formula color
    Text color
    #333333
    Type math using LaTeX
    Preview
    \({}\)
    Nothing to preview
    Insert