Desenvolvimento Web Umbraco: Aumento de 31% no número de espectadores dos jogos, associado a um crescimento de 24% nas vendas de produtos

O Innowise desenvolveu um sítio Web de um clube de futebol totalmente reativo que inclui transmissões em direto, notícias, venda de artigos e serviços de venda de bilhetes para os jogos.

Cliente

Indústria

Marketing, Desporto

Região

Cliente desde

2021

O Grupo Innowise trabalhou num projeto para um popular clube de futebol da UE. As informações pormenorizadas sobre o cliente não podem ser divulgadas ao abrigo das disposições do NDA.

Desafio

O cliente pretendia melhorar a sua presença online e as suas relações públicas, o que incluía o desenvolvimento de um sítio Web de alta qualidade para a venda de artigos, a partilha de notícias com os adeptos, o acompanhamento dos horários dos jogos e a compra de bilhetes.

Um dos principais problemas era o facto de os membros do clube receberem frequentemente pedidos dos adeptos para centralizarem as informações mais recentes sobre os jogos e as mudanças de equipa. Além disso, o merchandise da equipa não era distribuído online, pelo que o clube precisava de uma solução de comércio eletrónico rápida e conveniente para a venda e entrega de t-shirts em Inglaterra.

O nosso principal objetivo era combinar todas as funcionalidades necessárias num único sítio, incluindo informações sobre bilhetes provenientes de serviços de terceiros e transmissões em direto dos jogos.

Escolhemos o Umbraco como CMS devido à sua facilidade de utilização, natureza de código aberto, actualizações regulares e integração com serviços de terceiros necessários para o projeto. Além disso, os sítios Web Umbraco são conhecidos pelas suas capacidades de integração perfeita, o que será útil para futuras actualizações do sítio.

Segue-se um resumo do âmbito do trabalho:

Desenvolvimento web Umbraco incluindo notícias, equipa e secções de informação sobre patrocinadores;
integração de serviços de terceiros para a compra de bilhetes;
integração de um serviço de streaming para transmitir jogos em tempo real;
desenvolvimento de uma loja em linha para venda e entrega de mercadorias.

Solução

A nossa equipa concluiu o projeto e entregou um sítio Web baseado no Umbraco, totalmente reativo, com uma página inicial clássica com uma secção de notícias, uma loja de produtos com um bonito carrossel manual para promover t-shirts, uma secção com informações sobre bilhetes e um leitor de transmissão em direto integrado.

Loja de artigos

A nossa equipa desenvolveu uma secção simples e prática para a compra de mercadorias. O âmbito do trabalho incluiu a criação de uma loja, a apresentação de um carrossel de mercadorias, a implementação de um carrinho de compras e a integração de um gateway de pagamento.

Escolhemos a Mercello como solução de comércio eletrónico - uma plataforma de código aberto facilmente integrada, construída nativamente para o Umbraco. O portal de pagamento Stripe integrado permite que os clientes paguem rapidamente os seus artigos depois de seleccionarem o tamanho e os adicionarem aos seus carrinhos. Os artigos comprados podem ser entregues em Inglaterra utilizando a entrega normal, que demora 2-3 dias úteis a chegar. Criámos um painel de administração na loja para controlar os dados relativos aos artigos, preços, encomendas e entregas.

Seguinte

Secção de notícias

Adicionámos uma secção de notícias utilizando um plugin Umbraco pré-construído. O módulo de notícias permite que os indivíduos autorizados criem novos conteúdos para publicação imediata ou programada, bem como configurar a publicação noutros canais. Para publicar um artigo de notícias, é necessário iniciar sessão no CMS com as permissões de administrador ou gestor. O sistema foi configurado para enviar automaticamente novos artigos para as redes sociais, como o Facebook ou o Twitter.

Estamos atualmente a trabalhar na integração de ferramentas analíticas e de marketing no painel de notícias para uma gestão mais eficiente dos conteúdos.

Integração com serviços de bilhética

Integrámos o sítio Web com API de serviços de bilhética de terceiros para obter informações actualizadas sobre os bilhetes disponíveis, os preços e a disposição dos lugares para os jogos da equipa. Desta forma, os adeptos podem manter-se a par das datas, horas, estádios para os próximos jogos e disponibilidade de bilhetes. Ao procurar bilhetes para um jogo específico, o sítio apresenta ligações para recursos de terceiros para a compra.

Transmissão em directo

Integrar a funcionalidade para ver jogos de futebol em tempo real foi uma tarefa complexa que envolveu trabalhar com a tecnologia de transmissão em direto, redes de distribuição de conteúdos e leitores de vídeo. Eis alguns passos gerais que foram dados:

Seleção de um serviço de transmissão. A nossa equipa de desenvolvimento utilizou o DAZN, um serviço de streaming especializado em transmissão de desporto em direto.
Configuração de uma rede de distribuição de conteúdos (CDN).
Incorporação do fluxo de vídeo. Incorporámos a funcionalidade de transmissão de vídeo em direto no sítio Web utilizando um leitor de vídeo, compatível com todos os principais navegadores Web.

Integrámos várias ferramentas de análise e monitorização no sítio Web para acompanhar o número de visualizações, a qualidade da transmissão e quaisquer problemas que possam surgir durante a transmissão em direto.

Esta integração deu origem a uma plataforma de fácil utilização e acesso que permite aos adeptos assistir aos jogos em direto num único local, independentemente da sua localização.

Tecnologias e ferramentas

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Bases de dados

MS SQL Server

Plataformas

Umbraco CMS 9

Cloud

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

Integrações

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Processo

A nossa equipa demorou quatro meses a desenvolver o MVP do sítio Web com a funcionalidade principal de apresentar notícias, informações sobre as equipas, parceiros oficiais e disponibilidade de bilhetes. Depois disso, adicionámos uma loja de produtos e um leitor de transmissões, que demorou mais quatro meses a implementar. Os nossos programadores mantiveram o sítio Web atualizado, introduzindo continuamente novas ferramentas e actualizando o utilizador UI/UX com layouts reactivos. Atualmente, a equipa está a apoiar e a rever o site e a desenvolver ferramentas de marketing adicionais para análise avançada de conteúdos. Todo o fluxo de trabalho do projeto foi baseado na metodologia Agile. Comunicámos com o cliente e a equipa através do Google Chat.

Equipa

Programador Front-End

Programadores Full-Stack

Designer UI/UX

Engenheiro de QA

Gestor de projectos

Engenheiro DevOps

Analista de negócios

Resultados

Os programadores do Grupo Innowise criaram um sítio Web de fácil utilização para o clube de futebol, combinando as funções de uma loja online, um portal de notícias, um localizador de bilhetes desportivos e a transmissão de jogos. O desenvolvimento do site contribuiu para a forte presença online do clube e para a sua interação eficaz com a comunidade. Um sistema centralizado de compra de produtos e de controlo de bilhetes aumentou as vendas em 24% e a audiência dos jogos em 31%.

O sítio Web desempenhou um papel fundamental no apoio à estratégia global de relações públicas do cliente, facilitando as principais actividades de marketing, como o planeamento de campanhas, as comunicações com patrocinadores e a realização de eventos desportivos.

Duração do projecto

maio de 2022 - em curso

Casos relacionados

Contactar-nos!

Marcar uma chamada ou preencha o formulário abaixo e entraremos em contacto consigo assim que tivermos processado o seu pedido.

Nome

Empresa

Correio electrónico

Telefone

Mensagem Inclua os detalhes do projeto, a duração, o conjunto de tecnologias, os profissionais de TI necessários e outras informações relevantes

Gravar uma mensagem de voz sobre o seu
projeto para nos ajudar a compreendê-lo melhor

Anexar documentos adicionais, se necessário

Enviar ficheiro

Pode anexar até 1 ficheiro de 2MB no total. Ficheiros válidos: pdf, jpg, jpeg, png

Informamos que, ao clicar no botão Enviar, o Innowise's processará os seus dados pessoais de acordo com a nossa Política de Privacidade com o objectivo de lhe fornecer informações adequadas.

O que é que acontece a seguir?

Após termos recebido e processado o seu pedido, entraremos em contacto consigo para detalhar as necessidades do seu projecto e assinar um NDA para garantir a confidencialidade das informações.

Após a análise dos requisitos, os nossos analistas e programadores elaboram uma proposta de projecto com o âmbito dos trabalhos, tamanho da equipa, tempo e custos e custos.

Marcamos uma reunião consigo para discutir a oferta e chegar a um acordo.

Assinamos um contrato e começamos a trabalhar no seu projecto o mais rapidamente possível.