Développement web Umbraco: Augmentation de 31% du nombre de téléspectateurs des matchs, couplée à une croissance de 24% des ventes de marchandises

Innowise a développé un site web de club de football entièrement réactif qui propose des retransmissions en direct, des actualités, des ventes de marchandises et des services de billetterie pour les matchs.

Client

Industrie

Marketing, Sport

Région

Client depuis

2021

Innowise a travaillé sur un projet pour un club de football populaire basé dans l'UE. Les informations détaillées sur le client ne peuvent être divulguées en vertu des dispositions de l'accord de confidentialité.

Défi

Le client souhaitait améliorer sa présence en ligne et ses relations publiques, ce qui impliquait le développement d'un site web de haute qualité pour la vente de marchandises, le partage d'informations avec les fans, le suivi des horaires des matchs et l'achat de billets.

L'un des principaux problèmes était que les membres du club recevaient souvent des demandes de fans souhaitant centraliser les dernières informations sur les matchs et les changements d'équipe. En outre, les produits dérivés de l'équipe n'étant pas distribués en ligne, le club avait besoin d'une solution de commerce électronique rapide et pratique pour la vente et la livraison de t-shirts en Angleterre.

Notre principal objectif était de combiner toutes les fonctionnalités nécessaires sur un seul site, y compris les informations sur les billets provenant de services tiers et les retransmissions en direct des matches.

Nous avons choisi Umbraco comme CMS en raison de sa facilité d'utilisation, de sa nature open source, de ses mises à jour régulières et de son intégration avec des services tiers nécessaires au projet. En outre, les sites web Umbraco sont connus pour leurs capacités d'intégration transparente, ce qui sera utile pour les mises à jour ultérieures du site.

Un résumé de l'étendue des travaux est présenté ci-dessous:

Développement d'un site web Umbraco comprenant des sections d'informations sur les actualités, l'équipe et les sponsors;
l'intégration de services tiers pour l'achat de billets;
l'intégration d'un service de streaming pour la diffusion des matchs en temps réel;
développement d'une boutique en ligne pour la vente et la livraison de marchandises.

Solution

Notre équipe a mené à bien le projet et livré un site web basé sur Umbraco, entièrement réactif, comprenant une page d'accueil classique avec une section actualités, une boutique de produits dérivés avec un magnifique carrousel manuel promouvant les T-shirts, une section avec des informations sur les billets, et un lecteur de streaming en direct intégré.

Boutique

Notre équipe a développé une section simple et pratique pour l'achat de marchandises. Le travail comprenait la création d'un magasin, l'affichage d'un carrousel de marchandises, la mise en place d'un panier d'achat et l'intégration d'une passerelle de paiement.

Nous avons choisi Mercello comme solution de commerce électronique - une plateforme open-source facile à intégrer et construite nativement pour Umbraco. La passerelle de paiement Stripe intégrée permet aux clients de payer rapidement leurs articles après avoir sélectionné la taille et les avoir ajoutés à leur panier. Les produits achetés peuvent être livrés en Angleterre en utilisant la livraison standard qui prend 2 à 3 jours ouvrables. Nous avons mis en place un panneau d'administration dans le magasin pour suivre les données sur les marchandises, les prix, les commandes et les livraisons.

Section des actualités

Nous avons ajouté une section d'actualités à l'aide d'un plugin Umbraco prédéfini. Le module d'actualités permet aux personnes autorisées de créer du nouveau contenu pour une publication immédiate ou programmée, ainsi que de mettre en place une publication sur d'autres canaux. Pour publier un article, ils doivent se connecter au CMS avec les permissions d'administrateur ou de gestionnaire. Le système a été configuré pour envoyer automatiquement les nouveaux articles vers les réseaux de médias sociaux tels que Facebook ou Twitter.

Nous travaillons actuellement à l'intégration d'outils d'analyse et de marketing dans le panneau d'actualités pour une gestion plus efficace du contenu.

Intégration avec les services de billetterie

Nous avons intégré le site web avec des API de services de billetterie tiers afin de récupérer des informations actualisées sur les billets disponibles, les prix et la disposition des sièges pour les matchs de l'équipe. De cette manière, les supporters peuvent se tenir au courant des dates, des heures, des stades où se dérouleront les prochains matchs et de la disponibilité des billets. Lors de la recherche de billets pour un match spécifique, le site affiche des liens vers des ressources tierces pour l'achat.

Diffusion en direct

L'intégration d'une fonctionnalité permettant de regarder des matchs de football en temps réel a été une tâche complexe qui a nécessité de travailler avec la technologie de diffusion en direct, les réseaux de diffusion de contenu et les lecteurs vidéo. Voici quelques étapes générales qui ont été franchies:

Sélection d'un service de diffusion en continu. Notre équipe de développement a utilisé DAZN, un service de diffusion en continu spécialisé dans les sports en direct.
Mise en place d'un réseau de diffusion de contenu (CDN).
Intégration d'un flux vidéo. Nous avons intégré la fonction de diffusion vidéo en direct dans le site web à l'aide d'un lecteur vidéo, compatible avec tous les principaux navigateurs web.

Nous avons intégré plusieurs outils d'analyse et de contrôle sur le site web afin de suivre le nombre de vues, la qualité de la diffusion et tout problème pouvant survenir au cours de la diffusion en direct.

Cette intégration a donné naissance à une plateforme conviviale et facilement accessible qui permet aux fans de regarder les matches en direct en un seul endroit, quel que soit le lieu où ils se trouvent.

Technologies et outils

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Bases de données

MS SQL Server

Plateformes

Umbraco CMS 9

Cloud

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

Intégrations

Stripe

DevOps

GitHub Actions

xUnit, Selenium

Processus

Il a fallu quatre mois à notre équipe pour développer le MVP du site web, dont la fonctionnalité principale consiste à afficher les actualités, les informations sur les équipes, les partenaires officiels et la disponibilité des billets. Ensuite, nous avons ajouté une boutique de produits dérivés et un lecteur de diffusion, ce qui a pris quatre mois supplémentaires. Nos développeurs ont maintenu le site web à jour en introduisant continuellement de nouveaux outils et en mettant à jour l'interface utilisateur. UI/UX avec des mises en page réactives. Actuellement, l'équipe soutient et révise le site et développe des outils de marketing supplémentaires pour une analyse avancée du contenu. L'ensemble du projet s'est déroulé selon la méthodologie Agile. Nous avons communiqué avec le client et l'équipe via Google Chat.

Équipe

Développeur Front-End

Développeurs Full-Stack

Concepteur UI/UX

Ingénieur QA

Chef de projet

Ingénieur DevOps

Analyste commercial

Résultats

Les développeurs d'Innowise ont créé un site web convivial pour un club de football, combinant les fonctions d'une boutique en ligne, d'un portail d'actualités, d'un système de suivi des billets de sport et de diffusion des matchs. Le développement du site a contribué à la forte présence en ligne du club et à son interaction efficace avec la communauté. Un système centralisé pour les achats de marchandises et le suivi des billets a permis d'augmenter les ventes de 24% et l'audience des matchs de 31%.

Le site web a joué un rôle essentiel dans le soutien de la stratégie globale de relations publiques du client en facilitant les activités de marketing de base telles que la planification des campagnes, la communication avec les sponsors et l'organisation d'événements sportifs.

Durée du projet

Mai 2022 - en cours

Exemples de projets similaires

Contactez nous!

Réserver un appel ou remplissez le formulaire ci-dessous et nous vous contacterons dès que nous aurons traité votre demande.

Nom

Entreprise

Courriel :

Téléphone

Message S’il vous plaît, ajouter les détails du projet, la durée, la pile technologique, IT spécialistes nécessaires et d'autres informations pertinentes

S’il vous plaît, ajouter les détails du projet, la durée, la pile technologique, IT spécialistes
nécessaires et d'autres informations pertinentes

Joindre des documents supplémentaires au besoin

Charger file

Vous pouvez joindre jusqu'à 1 fichier de 2MB au total. Fichiers valides : pdf, jpg, jpeg, png

Nous vous informons que lorsque vous cliquez sur le bouton Envoyer, Innowise traitera vos données personnelles conformément à notre Politique de confidentialité dans le but de vous fournir des informations appropriées.

Que se passe-t-il ensuite?

Après avoir reçu et traité votre demande, nous reviendrons vers vous pour détailler les besoins de votre projet et signer un accord de non-divulgation pour assurer la confidentialité des informations.

Après avoir examiné les exigences, nos analystes et nos développeurs élaborent une proposition de projet avec l'étendue des travaux, le nombre de membre de l'équipe, les délais et les coûts des coûts.

Nous organisons une réunion avec vous pour discuter de l'offre et parvenir à un accord.

Nous signons un contrat et commençons à travailler sur votre projet le plus rapidement possible.