Umbraco webontwikkeling: 31% stijging in wedstrijdkijkers, gekoppeld aan 24% groei in merchandiseverkoop

Innowise heeft een volledig responsieve voetbalclub website ontwikkeld met live uitzendingen, nieuws, merchandise verkoop en kaartverkoop.

Klant

Industrie

Marketing, Sport

Regio

Klant sinds

2021

Innowise werkte aan een project voor een populaire voetbalclub uit de EU. Gedetailleerde informatie over de klant kan niet openbaar worden gemaakt onder de bepalingen van de NDA.

Uitdaging

De klant wilde zijn online aanwezigheid en PR verbeteren, waaronder de ontwikkeling van een hoogwaardige website voor de verkoop van merchandise, het delen van nieuws met fans, het volgen van wedstrijdschema's en het kopen van tickets.

Een groot probleem was dat de clubleden vaak verzoeken kregen van fans om de laatste informatie over wedstrijden en teamwijzigingen te centraliseren. Bovendien werd de merchandise van het team niet online gedistribueerd, dus had de club een snelle en handige e-commerce oplossing nodig voor T-shirtverkoop en levering binnen Engeland.

Ons hoofddoel was om alle noodzakelijke functies in één site te combineren, inclusief ticketinformatie van diensten van derden en live-uitzendingen van de wedstrijden.

We kozen voor Umbraco als CMS vanwege het gebruiksgemak, het open source karakter, de regelmatige updates en de integratie met diensten van derden die nodig zijn voor het project. Bovendien staan Umbraco-websites bekend om hun naadloze integratiemogelijkheden, wat nuttig zal zijn voor verdere site-updates.

Hieronder volgt een samenvatting van de omvang van de werkzaamheden:

Umbraco web ontwikkeling inclusief nieuws, team en sponsor informatie secties;
integratie van diensten van derden voor het kopen van tickets;
integratie van een streamingdienst om wedstrijden in real-time uit te zenden;
ontwikkeling van een online winkel voor de verkoop en levering van goederen.

Oplossing

Ons team voltooide het project en leverde een volledig responsieve, op Umbraco gebaseerde website met een klassieke homepage met een nieuwssectie, een merchandisewinkel met een prachtige, handmatig bediende carrousel ter promotie van T-shirts, een sectie met informatie over tickets en een geïntegreerde live streaming speler.

Merch winkel

Ons team heeft een eenvoudige en handige sectie ontwikkeld voor de aankoop van merchandise. De omvang van het werk omvatte het opzetten van een winkel, het weergeven van een koopwaarcarrousel, het implementeren van een winkelwagentje en het integreren van een betalingsgateway.

We kozen Mercello als e-commerce oplossing - een gemakkelijk te integreren open-source platform, dat volledig geïntegreerd is in Umbraco. Met de geïntegreerde Stripe-betaalgateway kunnen klanten snel voor hun artikelen betalen nadat ze de maat hebben geselecteerd en deze aan hun winkelwagen hebben toegevoegd. De gekochte goederen kunnen worden geleverd binnen Engeland met behulp van standaard levering die 2-3 werkdagen duurt om aan te komen. We hebben in de winkel een beheerderspaneel opgezet om gegevens over goederen, prijzen, bestellingen en leveringen bij te houden.

Nieuws

We hebben een nieuwssectie toegevoegd met behulp van een vooraf gebouwde Umbraco-plugin. Met de nieuwsmodule kunnen geautoriseerde personen nieuwe inhoud creëren voor onmiddellijke of geplande publicatie, en ook berichten plaatsen op andere kanalen. Om een nieuwsartikel te publiceren, moeten ze inloggen in het CMS met de rechten admin of leider. Het systeem werd geconfigureerd om nieuwe artikelen automatisch naar sociale medianetwerken zoals Facebook of Twitter te pushen.

Wij werken momenteel aan de integratie van analytische en marketingtools in het nieuwspaneel voor een efficiënter beheer van de inhoud.

Integratie met ticketingdiensten

We hebben de website geïntegreerd met API's van ticketingdiensten van derden om actuele informatie op te halen over beschikbare tickets, prijzen en zitplaatsen voor wedstrijden van het team. Op deze manier kunnen fans data, tijden, stadions voor komende wedstrijden en de beschikbaarheid van tickets in de gaten houden. Bij het zoeken naar tickets voor een specifieke wedstrijd toont de site links naar bronnen van derden voor de aankoop.

Live streaming

Het integreren van functionaliteit voor het real-time bekijken van voetbalwedstrijden was een complexe taak waarbij moest worden samengewerkt met de live-streamingtechnologie, content delivery networks en videospelers. Hier volgen enkele algemene stappen die werden genomen:

Selectie van een streamingdienst. Ons ontwikkelingsteam gebruikte DAZN, een streamingdienst gespecialiseerd in live sportstreaming.
Het opzetten van een content delivery network (CDN).
Videostream inbedding. Wij hebben de live videostreamingfunctie in de website geïntegreerd met behulp van een videospeler, die compatibel is met alle belangrijke webbrowsers.

We hebben verschillende analyse- en monitoringinstrumenten in de website geïntegreerd om het aantal views, de streamingkwaliteit en eventuele problemen tijdens de livestream te volgen.

Deze integratie resulteerde in een gebruiksvriendelijk en gemakkelijk toegankelijk platform waarmee fans gemakkelijk op één plaats live naar wedstrijden kunnen kijken, ongeacht de locatie.

Technologieën en hulpmiddelen

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Databases

MS SQL Server

Platformen

Umbraco CMS 9

Cloud

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

Integraties

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Proces

Het kostte ons team vier maanden om de MVP van de website te ontwikkelen met de kernfunctionaliteit van het weergeven van nieuws, informatie over teams, officiële partners en de beschikbaarheid van tickets. Daarna voegden we een merchandise-winkel en broadcast speler toe, wat nog eens vier maanden in beslag nam om te implementeren. Onze ontwikkelaars hielden de website up-to-date door voortdurend nieuwe tools te introduceren en de gebruikersinterface bij te werken. UI/UX met responsieve lay-outs. Momenteel ondersteunt en reviseert het team de site en ontwikkelt het extra marketingtools voor geavanceerde inhoudsanalyse. De hele workflow van het project was gebaseerd op de Agile-methodologie. We communiceerden met de klant en het team via Google Chat.

Team

Front-End Ontwikkelaar

Full-Stack Ontwikkelaars

UI/UX Ontwerper

QA
ingenieur

Project
Manager

DevOps Engineer

Bedrijfsanalist

Resultaten

De ontwikkelaars van Innowise creëerden een gebruiksvriendelijke voetbalclubwebsite die de functies van een online winkel, een nieuwsportaal, een tracker voor sporttickets en wedstrijduitzendingen combineert. De ontwikkeling van de site droeg bij aan de sterke online aanwezigheid van de club en de effectieve interactie met de gemeenschap. Een gecentraliseerd systeem voor merchandise-aankopen en het traceren van tickets zorgde voor een stijging van de verkoop met 24% en van het aantal toeschouwers van wedstrijden met 31%.

De website speelde een cruciale rol in de ondersteuning van de wereldwijde PR-strategie van de klant door kernactiviteiten op het gebied van marketing te faciliteren, zoals de planning van campagnes, communicatie met sponsors en het houden van sportevenementen.

Duur van het project

Mei 2022 - in uitvoering

Gerelateerde gevallen

Neem contact met ons op!

Boek een gesprek of vul het onderstaande formulier in en we nemen contact met je op zodra we je aanvraag hebben verwerkt.

Naam

Bedrijf

E-mail

Telefoon

Bericht Voeg projectgegevens alsjeblieft, duur, technische stapel, IT-professionals nodig en andere relevante informatie toe

Neem een spraakbericht over uw
project op om het ons beter te helpen begrijpen

Voeg indien nodig aanvullende documenten bij

Bestand uploaden

Je kunt maximaal 1 bestand van 2MB bijvoegen. Geldige bestanden: pdf, jpg, jpeg, png

Wij wijzen u erop dat wanneer u op de verzendknop klikt, Innowise uw persoonsgegevens verwerkt in overeenstemming met ons Privacybeleid om u van de juiste informatie te voorzien.

Wat gebeurt er nu?

Na ontvangst en verwerking van uw aanvraag, nemen wij binnenkort contact met u op om uw projectbehoeften in detail te beschrijven en een NDA te ondertekenen om de vertrouwelijkheid van informatie te garanderen.

Na het bestuderen van de vereisten, stellen onze analisten en ontwikkelaars een projectvoorstel met de omvang van de werkzaamheden, teamgrootte, tijd en kosten schattingen.

Wij regelen een ontmoeting met u om het aanbod te bespreken en tot een overeenkomst.

We tekenen een contract en beginnen zo snel mogelijk aan uw project te werken.