Umbraco webbutveckling: 31% fler tittare på matcherna, tillsammans med en 24% ökning av försäljningen av merchandise

Innowise har utvecklat en helt responsiv fotbollsklubbs webbplats med direktsändningar, nyheter, försäljning av varor och matchbiljetttjänster.

Kund

Industri

Marknadsföring, Sport

Region

Kund sedan

2021

Innowise arbetade med ett projekt för en populär EU-baserad fotbollsklubb. Detaljerad information om kunden kan inte lämnas ut enligt bestämmelserna i NDA.

Utmaning

Klienten ville förbättra sin online-närvaro och PR, vilket inkluderade utvecklingen av en högkvalitativ webbplats för att sälja varor, dela nyheter med fans, övervaka matchscheman och köpa biljetter.

Ett stort problem var att klubbmedlemmarna ofta fick förfrågningar från fansen om att centralisera den senaste informationen om matcher och lagförändringar. Dessutom distribuerades inte lagets varor online, så klubben behövde en snabb och bekväm e-handelslösning för T-shirt försäljning och leverans inom England.

Vårt huvudsyfte var att kombinera alla nödvändiga funktioner på en webbplats, inklusive biljettinformation från tredjepartstjänster och direktsändningar av matcherna.

Vi valde Umbraco som ett CMS på grund av dess användarvänlighet, öppen källkod, regelbundna uppdateringar och integration med tredjepartstjänster som är nödvändiga för projektet. Dessutom är Umbracos webbplatser kända för sina sömlösa integrationsfunktioner, vilket kommer att vara till hjälp för ytterligare webbplatsuppdateringar.

En sammanfattning av arbetets omfattning är följande:

Umbraco webbutveckling inklusive nyheter, team och sponsor informationssektioner;
integration av tjänster från tredje part för att köpa biljetter;
integration av en streamingtjänst för att sända matcher i realtid;
utveckling av en webbutik för försäljning och leverans av varor.

Lösning

Vårt team slutförde projektet och levererade en fullt lyhörd Umbraco-baserad webbplats med en klassisk hemsida med en nyhetssektion, en varuhus med en vacker manuellt manövrerad karusell som främjar T-shirts, en sektion med biljettinformation och en integrerad live streaming-spelare.

Merch-butik

Vårt team har utvecklat en enkel och bekväm sektion för att köpa varor. Arbetet omfattade att inrätta en butik, visa en karusell för varor, implementera en kundvagn och integrera en betalningsgateway.

Vi valde Mercello som en e-handelslösning - en lätt integrerad öppen källkodsplattform byggd för Umbraco. Den integrerade Stripe payment gateway gör det möjligt för kunder att snabbt betala för sina varor efter att ha valt storlek och lagt till dem i sina vagnar. De köpta varorna kan levereras inom England med standardleverans som tar 2-3 arbetsdagar att anlända. Vi har satt upp en adminpanel i butiken för att spåra data om varor, priser, beställningar och leveranser.

Föregående

Nästa

Nyhetssektionen

Vi lade till en nyhetssektion med ett förbyggt Umbraco-plugin. Nyhetsmodulen gör det möjligt för behöriga personer att skapa nytt innehåll för omedelbar eller schemalagd publicering, samt ställa in inlägg till andra kanaler. För att publicera en nyhetsartikel måste de logga in på CMS med administratörs-eller hanteringsbehörigheterna. Systemet konfigurerades för att automatiskt skicka nya artiklar till sociala medier som Facebook eller Twitter.

Vi arbetar för närvarande med att integrera analytiska och marknadsföringsverktyg i nyhetspanelen för effektivare innehållshantering.

Integrering med biljetttjänster

Vi integrerade webbplatsen med tredje parts API:er för biljetttjänster för att hämta aktuell information om tillgängliga biljetter, priser och sittplatser för lagmatcher. På detta sätt kan fans hålla reda på datum, tider, arenor för kommande spel och biljetttillgänglighet. När du söker efter biljetter till en viss match visar webbplatsen länkar till tredjepartsresurser för inköp.

Live streaming

Att integrera funktionalitet för att titta på fotbollsmatcher i realtid var en komplex uppgift som innebar att arbeta med live-streaming-teknik, innehållsleveransnätverk och videospelare. Här är några allmänna steg som togs:

Välja en streamingtjänst. Vårt utvecklingsteam använde DAZN, en streamingtjänst som specialiserat sig på direktsändning av sport.
Konfigurera ett innehållsleveransnätverk (CDN).
Videoström inbäddning. Vi har bäddat in live video streaming-funktionen på webbplatsen med hjälp av en videospelare, kompatibel med alla större webbläsare.

Vi har integrerat flera analys- och övervakningsverktyg på webbplatsen för att spåra antalet visningar, streamingkvaliteten och eventuella problem som kan uppstå under liveströmmen.

Denna integration resulterade i en användarvänlig och lättillgänglig plattform som gör det möjligt för fans att bekvämt titta på matcher live på ett ställe, oavsett plats.

Teknik och verktyg

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Databaser

MS SQL Server

Plattformar

Umbraco CMS 9

Cloud

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

Integrationer

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Process

Det tog vårt team fyra månader att utveckla webbplatsens MVP med kärnfunktionen för att visa nyheter, information om lag, officiella partners och biljetttillgänglighet. Därefter lade vi till en merchbutik och sändningsspelare, vilket tog ytterligare fyra månader att implementera. Våra utvecklare höll webbplatsen uppdaterad genom att ständigt introducera nya verktyg och uppdatera användaren UI/UX med responsiva layouter. För närvarande stöder och reviderar teamet webbplatsen och utvecklar ytterligare marknadsföringsverktyg för avancerad innehållsanalys. Hela projektets arbetsflöde baserades på den Agila metodiken. Vi kommunicerade med kunden och teamet via Google Chat.

Team

Front-end-utvecklare

Fullstack-utvecklare

UI/UX-designer

QA-ingenjör

Projektledare

DevOps-ingenjör

Affärsanalytiker

Resultat

Innowise-utvecklare skapade en användarvänlig fotbollsklubbswebbplats som kombinerar funktionerna i en onlinebutik, en nyhetsportal, en sportbiljettspårare och matchsändning. Utvecklingen av webbplatsen bidrog till klubbens starka närvaro på nätet och dess effektiva interaktion med samhället. Ett centraliserat system för inköp av varor och biljettspårning ökade försäljningen med 24% och match tittarantal med 31%.

Webbplatsen spelade en avgörande roll för att stödja kundens globala PR-strategi genom att underlätta kärnmarknadsföringsaktiviteter som kampanjplanering, kommunikation med sponsorer och att hålla sportevenemang.

Projektets löptid

Maj 2022 - pågår

Relaterade fall

Kontakta oss!

Boka ett samtal eller fyll i formuläret nedan så återkommer vi till dig när vi har behandlat din förfrågan.

Namn

Företag

E-post

Telefon

Meddelande Vänligen inkludera projektinformation, varaktighet, teknologistack, IT-proffs som behövs och annan relevant information

Spela in ett röstmeddelande om ditt projekt för att hjälpa oss att förstå det bättre

Bifoga ytterligare dokument vid behov

Ladda upp filen

Du kan bifoga upp till 1 fil på totalt 2 MB. Giltiga filer: pdf, jpg, jpeg, png

Observera att när du klickar på knappen Skicka kommer Innowise att behandla dina personuppgifter i enlighet med vår Integritetspolicy för att ge dig lämplig information.

Vad händer härnäst?

Efter att ha mottagit och behandlat din begäran kommer vi att återkomma till dig inom kort för att specificera dina projektbehov och underteckna en NDA för att säkerställa konfidentialitet av information.

Efter att ha undersökt kraven utarbetar våra analytiker och utvecklare en projektförslag med arbetets omfattning, lagets storlek, tid och kostnad uppskattningar.

Vi ordnar ett möte med dig för att diskutera erbjudandet och komma överens.

Vi skriver på ett kontrakt och börjar arbeta med ditt projekt så snabbt som möjligt.