Umbraco-verkkokehitys: 31% otteluiden katsojamäärän nousu ja 24% tavaramyynnin kasvu.

Innowise on kehittänyt täysin responsiivisen jalkapalloseuran verkkosivuston, jossa on suorat lähetykset, uutiset, tavaramyynti ja ottelulippupalvelut.

Asiakas

Teollisuus
Markkinointi, Urheilu
Alue
EU
Asiakas vuodesta
2021
Innowise työskenteli EU:ssa toimivan suositun jalkapalloseuran projektin parissa. Yksityiskohtaisia tietoja asiakkaasta ei voida luovuttaa NDA:n määräysten nojalla.

Haaste

Asiakas halusi parantaa verkkoläsnäoloaan ja PR-toimintaansa, mihin kuului laadukkaan verkkosivuston kehittäminen, jolla voidaan myydä tuotteita, jakaa uutisia faneille, seurata otteluiden aikatauluja ja ostaa lippuja.

Suurena ongelmana oli se, että seuran jäsenet saivat usein fanien pyyntöjä keskittää viimeisimmät tiedot peleistä ja joukkueiden muutoksista. Lisäksi joukkueen kauppatavaraa ei jaettu verkossa, joten seura tarvitsi nopean ja kätevän verkkokaupparatkaisun T-paitojen myyntiin ja toimitukseen Englannin sisällä.

Päätavoitteemme oli yhdistää kaikki tarvittavat ominaisuudet yhdelle sivustolle, mukaan lukien lipputiedot kolmansien osapuolten palveluista ja otteluiden suorat lähetykset.

Valitsimme Umbracon CMS-järjestelmäksi sen helppokäyttöisyyden, avoimen lähdekoodin luonteen, säännöllisten päivitysten ja integroinnin projektissa tarvittavien kolmansien osapuolten palveluiden kanssa vuoksi. Lisäksi Umbraco-sivustot ovat tunnettuja saumattomista integrointiominaisuuksistaan, joista on hyötyä sivuston myöhemmissä päivityksissä.

Seuraavassa on yhteenveto työn laajuudesta:

  • Umbraco-verkkokehitys, mukaan lukien uutiset, joukkue- ja sponsoritiedot;
  • kolmannen osapuolen palvelujen integrointi lippujen ostamista varten;
  • suoratoistopalvelun integrointi otteluiden lähettämiseksi reaaliaikaisesti;
  • verkkokaupan kehittäminen tavaroiden myyntiä ja toimittamista varten.

Ratkaisu

Tiimimme toteutti projektin ja toimitti täysin responsiivisen Umbraco-pohjaisen verkkosivuston, jossa on klassinen etusivu uutisosiolla, tavarakauppa, jossa on kaunis käsin toimiva karuselli, joka mainostaa T-paitoja, lipputietoja sisältävä osio ja integroitu suoratoistosoitin.

Merch store

Tiimimme on kehittänyt yksinkertaisen ja kätevän osion tavaroiden ostamista varten. Työhön kuului myymälän perustaminen, kauppakarusellin näyttäminen, ostoskorin toteuttaminen ja maksuportin integrointi.

Valitsimme Mercellon sähköisen kaupankäynnin ratkaisuksi - helposti integroitava avoimen lähdekoodin alusta, joka on rakennettu natiivisti Umbracolle. Integroidun Stripe-maksuportin ansiosta asiakkaat voivat maksaa tuotteet nopeasti valittuaan koon ja lisättyään ne ostoskoriinsa. Ostetut tavarat voidaan toimittaa Englannissa käyttäen vakiotoimitusta, joka kestää 2-3 työpäivää. Olemme perustaneet myymälään hallintapaneelin, jolla voidaan seurata tietoja tavaroista, hinnoista, tilauksista ja toimituksista.

Uutisosio

Lisäsimme uutisosion käyttämällä valmiiksi rakennettua Umbraco-lisäosaa. Uutismoduulin avulla valtuutetut henkilöt voivat luoda uutta sisältöä julkaistavaksi välittömästi tai ajastetusti sekä määrittää lähettämisen muihin kanaviin. Uutisartikkelin julkaisemiseksi heidän on kirjauduttava CMS-järjestelmään admin- tai manager-oikeuksilla. Järjestelmä konfiguroitiin niin, että uudet artikkelit lähetetään automaattisesti sosiaalisen median verkostoihin, kuten Facebookiin tai Twitteriin.

Työskentelemme parhaillaan analyysi- ja markkinointityökalujen integroimiseksi uutispaneeliin sisällönhallinnan tehostamiseksi.

Integrointi lipunmyyntipalveluihin

Integroimme verkkosivuston kolmannen osapuolen lipunmyyntipalveluiden API-rajapintoihin saadaksemme ajantasaiset tiedot saatavilla olevista lipuista, hinnoista ja istumapaikkajärjestelyistä joukkueen otteluihin. Näin fanit voivat seurata tulevien otteluiden päivämääriä, kellonaikoja, stadioneita ja lippujen saatavuutta. Kun etsitään lippuja tiettyyn otteluun, sivusto näyttää linkkejä kolmansien osapuolten resursseihin ostamista varten.

Suora lähetys

Jalkapallo-otteluiden reaaliaikaiseen katseluun liittyvien toimintojen integrointi oli monimutkainen tehtävä, johon kuului yhteistyötä suoratoistotekniikan, sisällönjakeluverkkojen ja videosoittimien kanssa. Seuraavassa on joitakin yleisiä vaiheita, jotka toteutettiin:

  • Suoratoistopalvelun valitseminen. Kehitystiimimme käytti DAZN:ää, suoratoistopalvelua, joka on erikoistunut urheilun suoratoistoon.
  • Sisällönjakeluverkon (CDN) perustaminen.
  • Videovirran upottaminen. Olemme upottaneet live-videostreaming-ominaisuuden verkkosivustoon käyttämällä videosoitinta, joka on yhteensopiva kaikkien yleisimpien verkkoselaimien kanssa.

Olemme integroineet verkkosivustoon useita analytiikka- ja seurantatyökaluja, joiden avulla voimme seurata katsojien määrää, suoratoiston laatua ja kaikkia suoratoiston aikana mahdollisesti ilmeneviä ongelmia.

Integroinnin tuloksena syntyi käyttäjäystävällinen ja helposti saatavilla oleva alusta, jonka avulla fanit voivat kätevästi seurata otteluita suorana lähetyksenä yhdessä paikassa sijainnista riippumatta.

Teknologiat ja työkalut

.NET5, ASP.NET Web API, Entity Framework, OAuth2, JWT
HTML, CSS, JavaScript, Video.js
Tietokannat
MS SQL Server
Alustat
Umbraco CMS 9
Cloud
AWS Elastic Compute Cloud (EC2), AWS Simple; Storage Service (S3), AWS CloudFront, AWS RDS.
Integraatiot
Raita
GitHub-toiminnot
xUnit, Selenium

Prosessi

Tiimiltämme kesti neljä kuukautta kehittää verkkosivuston MVP-versio, jonka ydintoiminnot ovat uutiset, tiedot joukkueista, virallisista yhteistyökumppaneista ja lippujen saatavuudesta. Tämän jälkeen lisäsimme kauppatavarakaupan ja lähetyssoittimen, joiden toteuttaminen vei toiset neljä kuukautta. Kehittäjämme pitivät verkkosivuston ajan tasalla ottamalla jatkuvasti käyttöön uusia työkaluja ja päivittämällä käyttäjän UI/UX reagoivilla ulkoasuilla. Tällä hetkellä tiimi tukee ja tarkistaa sivustoa ja kehittää uusia markkinointityökaluja kehittynyttä sisällön analysointia varten. Koko projektin työnkulku perustui ketterään menetelmään. Viestimme asiakkaan ja tiimin kanssa Google Chatin kautta.

Joukkue

1
Front-End-kehittäjä
2
Full-Stack-kehittäjät
1
UI/UX-suunnittelija
1
QA Engineer
1
Projektipäällikkö
1
DevOps Engineer
1
liiketoiminta-analyytikko
team-innowise

Tulokset

Innowise:n kehittäjät loivat käyttäjäystävällisen jalkapalloseuran verkkosivuston, jossa yhdistyvät verkkokaupan, uutisportaalin, urheilulippujen seurannan ja ottelulähetysten toiminnot. Sivuston kehittäminen vaikutti osaltaan seuran vahvaan verkkoläsnäoloon ja tehokkaaseen vuorovaikutukseen yhteisön kanssa. Keskitetty järjestelmä tavaraostoksia ja lippujen seurantaa varten lisäsi myyntiä 24% ja otteluiden katsojamääriä 31%.

Verkkosivustolla oli ratkaiseva rooli asiakkaan maailmanlaajuisen PR-strategian tukemisessa helpottamalla keskeisiä markkinointitoimia, kuten kampanjasuunnittelua, viestintää sponsoreiden kanssa ja urheilutapahtumien järjestämistä.

Hankkeen kesto
  • Toukokuu 2022 - käynnissä

    Ota yhteyttä

    Varaa puhelu tai täytä alla oleva lomake, niin otamme sinuun yhteyttä, kun olemme käsitelleet pyyntösi.

    Lähetä meille ääniviesti
    Liitä asiakirjoja
    Lataa tiedosto

    Voit liittää 1 enintään 2 Mt:n tiedoston. Hyväksytyt tiedostomuodot: pdf, jpg, jpeg, png.

    Klikkaamalla Lähetä, annat suostumuksesi siihen, että Innowise käsittelee henkilötietojasi meidän Tietosuojakäytäntö antaa sinulle asiaankuuluvia tietoja. Antamalla puhelinnumerosi suostut siihen, että voimme ottaa sinuun yhteyttä puheluiden, tekstiviestien ja viestisovellusten kautta. Puhelu-, viesti- ja datahintoja voidaan soveltaa.

    Voit myös lähettää meille pyyntösi
    osoitteeseen contact@innowise.com

    Mitä tapahtuu seuraavaksi?

    1

    Kun olemme vastaanottaneet ja käsitelleet pyyntösi, otamme sinuun yhteyttä ja kerromme yksityiskohtaisesti projektin tarpeet ja allekirjoitamme NDA-sopimuksen luottamuksellisuuden varmistamiseksi.

    2

    Tutkittuaan toiveesi, tarpeesi ja odotuksesi tiimimme suunnittelee projektin ehdotuksen, jossa esitetään työn laajuus, tiimin koko, aika- ja kustannusarviot.

    3

    Järjestämme kanssasi tapaamisen, jossa keskustellaan tarjouksesta ja sovitaan yksityiskohdista.

    4

    Lopuksi allekirjoitamme sopimuksen ja aloitamme projektisi toteuttamisen heti.

    nuoli