Umbraco Web-Entwicklung: 31 % mehr Zuschauer bei den Spielen und 24 % mehr Verkauf von Fanartikeln

Innowise hat eine reaktionsschnelle Website für den Fußballverein entwickelt, die Live-Übertragungen, Nachrichten, den Verkauf von Fanartikeln und Eintrittskarten für Spiele bietet.

Der Kunde

Branche

Marketing, Sport

Region

Kunde seit

2021

Innowise arbeitete an einem Projekt für einen bekannten Fußballverein aus der EU. Detaillierte Informationen über den Kunden dürfen gemäß den Bestimmungen der Geheimhaltungsvereinbarung (NDA) nicht offengelegt werden.

Herausforderung

Der Kunde wollte seine Online-Präsenz und PR verbessern. Dazu gehörte die Entwicklung einer hochwertigen Website für den Verkauf von Fanartikeln, den Austausch von Neuigkeiten mit den Fans, die Überwachung von Spielplänen und den Kauf von Eintrittskarten.

Ein Hauptproblem bestand darin, dass die Mitglieder des Vereins häufig Anfragen von Fans erhielten, die neuesten Informationen über Spiele und Mannschaftswechsel zu zentralisieren. Außerdem wurden die Fanartikel der Mannschaft nicht online vertrieben, so dass der Verein eine schnelle und bequeme E-Commerce-Lösung für den T-Shirt-Verkauf und die Lieferung innerhalb Englands benötigte.

Unser Hauptziel war es, alle notwendigen Funktionen auf einer Website zu vereinen, einschließlich Ticketinformationen von Drittanbietern und Live-Übertragungen der Spiele.

Wir haben uns für Umbraco als CMS entschieden, weil es einfach zu bedienen ist, als Open Source zur Verfügung steht, regelmäßig aktualisiert wird und in die für das Projekt erforderlichen Dienste von Drittanbietern integriert werden kann. Darüber hinaus sind Umbraco-Websites für ihre nahtlosen Integrationsmöglichkeiten bekannt, die für weitere Aktualisierungen der Website hilfreich sein werden.

Eine Zusammenfassung des Arbeitsumfangs lautet wie folgt:

Umbraco-Webentwicklung, einschließlich der Bereiche Nachrichten, Team- und Sponsoreninformationen;
Integration von Drittdiensten für den Kauf von Eintrittskarten;
Integration eines Streaming-Dienstes zur Übertragung von Spielen in Echtzeit;
Entwicklung eines Online-Shops für den Verkauf und die Lieferung von Waren.

Lösung

Unser Team schloss das Projekt ab und lieferte eine vollständig responsive, auf Umbraco basierende Website mit einer klassischen Homepage mit einem News-Bereich, einem Merchandise-Shop mit einem schönen, manuell bedienbaren Karussell für T-Shirts, einem Bereich mit Ticket-Informationen und einem integrierten Live-Streaming-Player.

Merch-Shop

Unser Team hat einen einfachen und bequemen Bereich für den Kauf von Waren entwickelt. Der Arbeitsumfang umfasste die Einrichtung eines Shops, die Anzeige eines Warenkarussells, die Implementierung eines Warenkorbs und die Integration eines Zahlungsgateways.

Wir haben uns für Mercello als E-Commerce-Lösung entschieden - eine leicht integrierbare Open-Source-Plattform, die nativ für Umbraco entwickelt wurde. Das integrierte Stripe-Zahlungsgateway ermöglicht es den Kunden, ihre Artikel schnell zu bezahlen, nachdem sie die Größe ausgewählt und sie in den Warenkorb gelegt haben. Die gekauften Waren können innerhalb Englands per Standardversand geliefert werden, der 2-3 Arbeitstage benötigt, um anzukommen. Wir haben ein Admin-Panel im Shop eingerichtet, um Daten über Waren, Preise, Bestellungen und Lieferungen zu verfolgen.

Voriger

Abschnitt Nachrichten

Wir fügten einen Nachrichtenbereich mit einem vorgefertigten Umbraco-Plugin hinzu. Das Nachrichtenmodul ermöglicht es autorisierten Personen, neue Inhalte für eine sofortige oder geplante Veröffentlichung zu erstellen sowie die Veröffentlichung auf anderen Kanälen einzurichten. Um einen News-Artikel zu veröffentlichen, müssen sie sich mit den Rechten eines Administrators oder Managers in das CMS einloggen. Das System wurde so konfiguriert, dass neue Artikel automatisch in sozialen Netzwerken wie Facebook oder Twitter veröffentlicht werden.

Wir arbeiten derzeit an der Integration von Analyse- und Marketing-Tools in das Nachrichten-Panel, um ein effizienteres Content-Management zu ermöglichen.

Integration mit Diensten zum Eintrittskartenverkauf

Wir haben die Website mit den APIs von Drittanbietern von Ticketing-Diensten integriert, um aktuelle Informationen über verfügbare Tickets, Preise und Sitzplätze für Spiele der Mannschaften abzurufen. Auf diese Weise können die Fans auf dem Laufenden über Daten, Zeiten, Stadien für kommende Spiele und die Verfügbarkeit von Tickets bleiben. Bei der Suche nach Tickets für ein bestimmtes Spiel zeigt die Website Links zu Drittanbieter-Ressourcen für den Kauf an.

Live-Streaming

Die Integration von Funktionen zum Betrachten von Fußballspielen in Echtzeit war eine komplexe Aufgabe, die die Zusammenarbeit mit der Live-Streaming-Technologie, Content-Delivery-Netzwerken und Video-Playern erforderte. Hier sind einige allgemeine Schritte, die unternommen wurden:

Auswahl eines Streaming-Dienstes. Unser Entwicklungsteam nutzte DAZN, einen Streaming-Dienst, der auf Live-Sport-Streaming spezialisiert ist.
Einrichtung eines Content Delivery Network (CDN).
Einbettung des Video-Streams. Wir haben die Funktion des Live-Videostreamings in die Website eingebettet und einen Videoplayer verwendet, der mit allen gängigen Webbrowsern kompatibel ist.

Wir haben mehrere Analyse- und Überwachungstools in die Website integriert, um die Anzahl der Aufrufe, die Streaming-Qualität und alle Probleme, die während des Live-Streams auftreten können, zu verfolgen.

Diese Integration führte zu einer benutzerfreundlichen und leicht zugänglichen Plattform, die es den Fans ermöglicht, Spiele bequem an einem Ort und unabhängig vom Standort live zu verfolgen.

Technologien & Tools

Backend

.NET5, ASP.NET Web API, Entity Framework, OAuth2, JWT

Frontend

HTML, CSS, JavaScript, Video.js

Datenbanken

MS SQL Server

Plattformen

Umbraco CMS 9

Cloud

AWS Elastic Compute Cloud (EC2), AWS Simple; Storage Service (S3), AWS CloudFront, AWS RDS

Integrationen

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Prozess

Unser Team benötigte vier Monate, um den MVP der Website zu entwickeln, der die Kernfunktionen wie die Anzeige von Nachrichten, Informationen über die Teams, die offiziellen Partner und die Verfügbarkeit von Tickets enthält. Danach fügten wir einen Merch-Store und einen Broadcast-Player hinzu, was weitere vier Monate in Anspruch nahm. Unsere Entwickler hielten die Website auf dem neuesten Stand, indem sie kontinuierlich neue Tools einführten und die Benutzeroberfläche aktualisierten. UI/UX mit responsiven Layouts. Derzeit unterstützt und überarbeitet das Team die Website und entwickelt zusätzliche Marketing-Tools für die erweiterte Inhaltsanalyse. Der gesamte Projektablauf basierte auf der agilen Methodik. Wir haben mit dem Kunden und dem Team über Google Chat kommuniziert.

Team

Front-End-Entwickler

Full-Stack-Entwickler

UI/UX-Designer

QA-Ingenieur

Projektmanager

DevOps-Ingenieur

Business-Analyst

Ergebnisse

Die Entwickler von Innowise erstellten eine benutzerfreundliche Website für den Fußballverein, die die Funktionen eines Online-Shops, eines Nachrichtenportals, eines Sportticket-Trackers und einer Spielübertragungsplattform vereint. Die Entwicklung der Website trug zur starken Online-Präsenz des Vereins und seiner effektiven Interaktion mit der Gemeinschaft bei. Ein zentralisiertes System für den Kauf von Fanartikeln und die Verfolgung von Eintrittskarten steigerte die Verkaufszahlen um 24% und die Zuschauerzahlen bei den Spielen um 31%.

Die Website spielte eine entscheidende Rolle bei der Unterstützung der globalen PR-Strategie des Kunden, indem sie zentrale Marketingaktivitäten wie die Kampagnenplanung, die Kommunikation mit Sponsoren und die Durchführung von Sportveranstaltungen erleichterte.

Projektdauer

Mai 2022 - in Arbeit

Unsere aktuellen Fallstudien

Kontaktieren Sie uns!

Einen Anruf buchen oder füllen Sie das Formular unten aus und wir melden uns bei Ihnen, sobald wir Ihre Anfrage bearbeitet haben.

Name

Unternehmen

E-Mail

Telefon

Nachricht Bitte fügen Sie Projektdetails, Dauer, Technologie-Stack, benötigte IT-Experten und andere Infos bei.

Bitte fügen Sie Projektdetails, Dauer, Technologie-Stack, benötigte IT-Experten
und andere Infos bei.

Hängen Sie nach Bedarf zusätzliche Dokumente an.

Datei hochladen

Sie können bis zu 1 Datei von insgesamt 2 MB anhängen. Gültige Dateien: pdf, jpg, jpeg, png

Bitte beachten Sie, dass Innowise mit dem Anklicken der Schaltfläche 'Senden' Ihre persönlichen Daten nach der Datenschutzrichtlinie verarbeiten wird, um Ihnen die gewünschten Informationen zukommen zu lassen.

Wie geht es weiter?

Sobald wir Ihre Anfrage erhalten und bearbeitet haben, werden wir uns mit Ihnen in Verbindung setzen, um Ihre Projektanforderungen zu besprechen und eine NDA (Vertraulichkeitserklärung) für die Vertraulichkeit der Informationen zu unterzeichnen.

Nach der Prüfung der Anforderungen erstellen unsere Analysten und Entwickler einen Projektvorschlag, der Arbeitsumfang, Teamgröße, Zeit- und Kostenschätzung enthält.

Wir vereinbaren einen Termin mit Ihnen, um das Angebot zu besprechen und eine Vereinbarung mit Ihnen zu treffen.

Wir unterzeichnen einen Vertrag und beginnen umgehend mit der Arbeit an Ihrem Projekt.