Sviluppo web Umbraco: Aumento del 31% dei telespettatori delle partite e crescita del 24% delle vendite del merchandising

Innowise ha sviluppato un sito web per la squadra di calcio completamente reattivo, con trasmissioni in diretta, notizie, vendita di merchandising e servizi di biglietteria per le partite.

Cliente

Industria

Marketing, Sport

Regione

Cliente da

2021

Innowise ha lavorato a un progetto per una famosa squadra di calcio dell'UE. Informazioni dettagliate sul cliente non possono essere divulgate in base alle disposizioni dell'NDA.

Sfida

Il cliente voleva migliorare la sua presenza online e le sue pubbliche relazioni, il che comprendeva lo sviluppo di un sito web di alta qualità per la vendita del merchandising, la condivisione delle notizie con i tifosi, il monitoraggio degli orari delle partite e l'acquisto dei biglietti.

Il problema principale era che i membri del club ricevevano spesso richieste da parte dei tifosi di centralizzare le informazioni più recenti sulle partite e sui cambiamenti della squadra. Inoltre, il merchandising della squadra non era distribuito online, quindi il club aveva bisogno di una soluzione di e-commerce rapida e conveniente per la vendita e la consegna delle magliette in Inghilterra.

Il nostro obiettivo principale era quello di riunire in un unico sito tutte le funzionalità necessarie, comprese le informazioni sui biglietti provenienti da servizi terzi e le trasmissioni in diretta delle partite.

Abbiamo scelto Umbraco come CMS per la sua facilità d'uso, la natura open source, gli aggiornamenti regolari e l'integrazione con i servizi di terze parti necessari per il progetto. Inoltre, i siti web Umbraco sono noti per le loro capacità di integrazione continua, che saranno utili per gli ulteriori aggiornamenti del sito.

Di seguito è riportata una sintesi dell'ambito di lavoro:

Sviluppo web Umbraco con sezioni dedicate alle notizie, alla squadra e agli sponsor;
integrazione di servizi di terze parti per l'acquisto di biglietti;
integrazione di un servizio di streaming per trasmettere le partite in tempo reale;
sviluppo di un negozio online per la vendita e la consegna della merce.

Soluzione

Il nostro team ha completato il progetto e consegnato un sito web completamente responsive basato su Umbraco, caratterizzato da una homepage classica con una sezione di notizie, un negozio di merchandising con un bellissimo carosello azionato manualmente che promuove le magliette, una sezione con informazioni sui biglietti e un player integrato per lo streaming dal vivo.

Negozio di merchandising

Il nostro team ha sviluppato una sezione semplice e conveniente per l'acquisto della merce. L'ambito di lavoro comprendeva la creazione di un negozio, la visualizzazione di un carosello di merci, l'implementazione di un carrello e l'integrazione di un gateway di pagamento.

Abbiamo scelto Mercello come soluzione di e-commerce: una piattaforma open-source facilmente integrabile e costruita in modo nativo per Umbraco. Il gateway di pagamento Stripe integrato consente ai clienti di pagare rapidamente gli articoli dopo aver selezionato la taglia e averli aggiunti al carrello. La merce acquistata può essere consegnata in Inghilterra con consegna standard che richiede 2-3 giorni lavorativi. Abbiamo creato un pannello di amministrazione nel negozio per tenere traccia dei dati relativi a prodotti, prezzi, ordini e consegne.

Avanti

Sezione Notizie

Abbiamo aggiunto una sezione di notizie utilizzando un plugin Umbraco precostituito. Il modulo delle notizie consente alle persone autorizzate di creare nuovi contenuti per la pubblicazione immediata o programmata, nonché di impostare la pubblicazione su altri canali. Per pubblicare una notizia, devono accedere al CMS con i permessi di amministratore o manager. Il sistema è stato configurato per inviare automaticamente i nuovi articoli ai social network come Facebook o Twitter.

Attualmente stiamo lavorando all'integrazione di strumenti analitici e di marketing nel pannello delle notizie per una gestione più efficiente dei contenuti.

Integrazione con i servizi di biglietteria

Abbiamo integrato il sito web con le API di servizi di biglietteria di terze parti per recuperare informazioni aggiornate sui biglietti disponibili, sui prezzi e sulla disposizione dei posti per le partite della squadra. In questo modo, i tifosi possono tenere traccia di date, orari, stadi per le prossime partite e disponibilità di biglietti. Quando si cercano i biglietti per una partita specifica, il sito visualizza i link a risorse di terze parti per l'acquisto.

Diretta streaming

L'integrazione delle funzionalità per la visione delle partite di calcio in tempo reale è stata un'operazione complessa che ha comportato la collaborazione con la tecnologia di live-streaming, le reti di distribuzione dei contenuti e i lettori video. Ecco alcuni passi generali che sono stati compiuti:

Selezione di un servizio di streaming. Il nostro team di sviluppo ha utilizzato DAZN, un servizio di streaming specializzato nella trasmissione di sport in diretta.
Impostazione di una rete di distribuzione dei contenuti (CDN).
Incorporamento del flusso video. Abbiamo incorporato la funzione di streaming video in diretta nel sito web utilizzando un lettore video, compatibile con tutti i principali browser web.

Abbiamo integrato diversi strumenti di analisi e monitoraggio nel sito web per monitorare il numero di visualizzazioni, la qualità dello streaming e qualsiasi problema che possa verificarsi durante il live stream.

Questa integrazione ha dato vita a una piattaforma facile da usare e facilmente accessibile che consente ai tifosi di guardare comodamente le partite in diretta in un unico luogo, indipendentemente dalla posizione.

Tecnologie e strumenti

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Databases

MS SQL Server

Piattaforme

Umbraco CMS 9

Cloud

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

Integrazioni

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Processo

Il nostro team ha impiegato quattro mesi per sviluppare l'MVP del sito web con la funzionalità principale di visualizzare notizie, informazioni sulle squadre, sui partner ufficiali e sulla disponibilità dei biglietti. Successivamente, abbiamo aggiunto un merch store e un broadcast player, che hanno richiesto altri quattro mesi di lavoro. I nostri sviluppatori hanno mantenuto il sito aggiornato introducendo continuamente nuovi strumenti e aggiornando l'utente. UI/UX con layout reattivi. Attualmente, il team sta supportando e revisionando il sito e sviluppando ulteriori strumenti di marketing per l'analisi avanzata dei contenuti. L'intero flusso di lavoro del progetto si è basato sulla metodologia Agile. Abbiamo comunicato con il cliente e il team tramite Google Chat.

Team

Sviluppatore front-end

Sviluppatori full-stack

Designer UI/UX

Ingegnere QA

Responsabile di progetto

Ingegnere DevOps

Analista aziendale

Risultati

Gli sviluppatori di Innowise hanno creato un sito web di facile utilizzo per la squadra di calcio che combina le funzioni di un negozio online, un portale di notizie, un tracker di biglietti sportivi e la trasmissione delle partite. Lo sviluppo del sito ha contribuito alla forte presenza online del club e alla sua efficace interazione con la comunità. Un sistema centralizzato per l'acquisto del merchandising e la tracciabilità dei biglietti ha aumentato le vendite di 24% e le visualizzazioni delle partite di 31%.

Il sito web ha svolto un ruolo fondamentale nel supportare la strategia globale di PR del cliente, facilitando le attività di marketing principali come la pianificazione delle campagne, le comunicazioni con gli sponsor e l'organizzazione di eventi sportivi.

Durata del progetto

Maggio 2022 - in corso

Casi correlati

Contattateci!

Prenota una chiamata oppure compilate il modulo sottostante e sarete ricontattati una volta elaborata la vostra richiesta.

Nome

Azienda

Telefono

Messaggio Si prega di includere i dettagli del progetto, la durata, lo stack tecnologico, i professionisti IT necessari e altre informazioni pertinenti

Registra un messaggio vocale sul tuo
progetto per aiutarci a capirlo meglio

Allega ulteriori documenti se necessario

Caricare il file

È possibile allegare fino a 1 file di 2 MB complessivi. File validi: pdf, jpg, jpeg, png

Vi informiamo che cliccando sul pulsante Invia, Innowise tratterà i vostri dati personali in conformità con la nostra Informativa sulla privacy allo scopo di fornirvi informazioni adeguate.

Cosa succede dopo?

Dopo aver ricevuto ed elaborato la vostra richiesta, vi ricontatteremo a breve per illustrare le esigenze del progetto e firmare un NDA per garantire la riservatezza delle informazioni.

Dopo aver esaminato i requisiti, i nostri analisti e sviluppatori elaborano una proposta di progetto con l'ambito di lavoro, le dimensioni del team, i tempi e i costi stimati.

Organizziamo un incontro con voi per discutere l'offerta e giungere a un accordo.

Firmiamo un contratto e iniziamo a lavorare sul vostro progetto il prima possibile.