Tworzenie stron internetowych Umbraco: 31% wzrost oglądalności meczów w połączeniu z 24% wzrostem sprzedaży towarów

Innowise opracowało w pełni responsywną stronę internetową klubu piłkarskiego, zawierającą transmisje na żywo, wiadomości, sprzedaż towarów i usługi sprzedaży biletów na mecze.

Klient

Branża

Marketing, Sport

Region

Klient od

2021

Innowise pracowało nad projektem dla popularnego klubu piłkarskiego z siedzibą w UE. Szczegółowe informacje o kliencie nie mogą zostać ujawnione zgodnie z postanowieniami NDA.

Wyzwanie

Klient chciał poprawić swoją obecność w Internecie i PR, co obejmowało stworzenie wysokiej jakości strony internetowej do sprzedaży towarów, dzielenia się wiadomościami z fanami, monitorowania harmonogramów meczów i zakupu biletów.

Głównym problemem było to, że członkowie klubu często otrzymywali prośby fanów o scentralizowanie najnowszych informacji o meczach i zmianach w drużynie. Dodatkowo, towary drużyny nie były dystrybuowane online, więc klub potrzebował szybkiego i wygodnego rozwiązania e-commerce do sprzedaży i dostawy koszulek na terenie Anglii.

Naszym głównym celem było połączenie wszystkich niezbędnych funkcji w jednej witrynie, w tym informacji o biletach z serwisów zewnętrznych i transmisji na żywo z meczów.

Wybraliśmy Umbraco jako CMS ze względu na łatwość użytkowania, charakter open source, regularne aktualizacje i integrację z usługami innych firm niezbędnymi do realizacji projektu. Ponadto strony internetowe Umbraco są znane z możliwości płynnej integracji, co będzie pomocne przy dalszych aktualizacjach witryny.

Poniżej znajduje się podsumowanie zakresu prac:

Tworzenie stron internetowych Umbraco, w tym wiadomości, informacje o zespole i sponsorach;
integracja usług innych firm w celu zakupu biletów;
integracja usługi streamingowej do transmisji meczów w czasie rzeczywistym;
rozwój sklepu internetowego do sprzedaży i dostawy towarów.

Wdrożenie

Nasz zespół ukończył projekt i dostarczył w pełni responsywną stronę internetową opartą na Umbraco, zawierającą klasyczną stronę główną z sekcją wiadomości, sklep z towarami z piękną ręcznie obsługiwaną karuzelą promującą koszulki, sekcję z informacjami o biletach oraz zintegrowany odtwarzacz transmisji na żywo.

Sklep z towarami

Nasz zespół opracował prostą i wygodną sekcję do zakupu towarów. Zakres prac obejmował konfigurację sklepu, wyświetlanie karuzeli towarów, wdrożenie koszyka na zakupy i integrację bramki płatności.

Wybraliśmy Mercello jako rozwiązanie e-commerce - łatwo zintegrowaną platformę open-source zbudowaną natywnie dla Umbraco. Zintegrowana bramka płatności Stripe pozwala klientom szybko płacić za swoje produkty po wybraniu rozmiaru i dodaniu ich do koszyka. Zakupione towary mogą być dostarczone na terenie Anglii przy użyciu standardowej dostawy, która trwa 2-3 dni robocze. Skonfigurowaliśmy panel administracyjny w sklepie, aby śledzić dane dotyczące towarów, cen, zamówień i dostaw.

Poprzedni

Następny

Sekcja aktualności

Dodaliśmy sekcję wiadomości przy użyciu gotowej wtyczki Umbraco. Moduł wiadomości umożliwia autoryzowanym osobom tworzenie nowych treści do natychmiastowej lub zaplanowanej publikacji, a także konfigurowanie publikowania w innych kanałach. Aby opublikować artykuł, należy zalogować się do CMS z uprawnieniami administratora lub menedżera. System został skonfigurowany do automatycznego przesyłania nowych artykułów do sieci społecznościowych, takich jak Facebook czy Twitter.

Obecnie pracujemy nad integracją narzędzi analitycznych i marketingowych w panelu wiadomości w celu bardziej efektywnego zarządzania treścią.

Integracja z usługami sprzedaży biletów

Zintegrowaliśmy stronę z zewnętrznymi interfejsami API usług sprzedaży biletów, aby pobierać aktualne informacje o dostępnych biletach, cenach i aranżacji miejsc na mecze drużynowe. W ten sposób fani mogą śledzić daty, godziny, stadiony na nadchodzące mecze i dostępność biletów. Podczas wyszukiwania biletów na konkretny mecz, strona wyświetla linki do zasobów innych firm w celu dokonania zakupu.

Transmisja na żywo

Integracja funkcji oglądania meczów piłki nożnej w czasie rzeczywistym była złożonym zadaniem, które wymagało pracy z technologią transmisji na żywo, sieciami dostarczania treści i odtwarzaczami wideo. Oto kilka ogólnych kroków, które zostały podjęte:

Wybór usługi streamingowej. Nasz zespół deweloperów korzystał z DAZN, usługi streamingowej specjalizującej się w transmisjach sportowych na żywo.
Konfiguracja sieci dostarczania treści (CDN).
Osadzanie strumienia wideo. Osadziliśmy funkcję strumieniowania wideo na żywo w witrynie za pomocą odtwarzacza wideo, kompatybilnego ze wszystkimi głównymi przeglądarkami internetowymi.

Zintegrowaliśmy kilka narzędzi analitycznych i monitorujących z witryną, aby śledzić liczbę wyświetleń, jakość transmisji i wszelkie problemy, które mogą pojawić się podczas transmisji na żywo.

Ta integracja zaowocowała przyjazną dla użytkownika i łatwo dostępną platformą, która pozwala fanom wygodnie oglądać mecze na żywo w jednym miejscu, niezależnie od lokalizacji.

Technologie i narzędzia

Back-end

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

Front-end

HTML, CSS, JavaScript, Video.js

Bazy danych

MS SQL Server

Platformy

Umbraco CMS 9

Cloud

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

Integracje

Pasek

DevOps

Działania GitHub

xUnit, Selenium

Proces

Nasz zespół potrzebował czterech miesięcy, aby opracować MVP strony internetowej z podstawową funkcjonalnością wyświetlania wiadomości, informacji o drużynach, oficjalnych partnerach i dostępności biletów. Następnie dodaliśmy sklep z towarami i odtwarzacz transmisji, których wdrożenie zajęło kolejne cztery miesiące. Nasi programiści dbali o aktualność strony, nieustannie wprowadzając nowe narzędzia i aktualizując interfejs użytkownika. UI/UX, z responsywnymi układami. Obecnie zespół wspiera i aktualizuje witrynę oraz opracowuje dodatkowe narzędzia marketingowe do zaawansowanej analizy treści. Cały przebieg projektu opierał się na metodologii Agile. Komunikowaliśmy się z klientem i zespołem za pośrednictwem Google Chat.

Zespół

Programista front-end

Programiści Full-Stack

Projektant UI/UX

QA Engineer

Kierownik projektu

Inżynier DevOps

Analityk biznesowy

Wyniki

Programiści Innowise stworzyli przyjazną dla użytkownika stronę internetową klubu piłkarskiego, łączącą funkcje sklepu internetowego, portalu informacyjnego, śledzenia biletów sportowych i transmisji meczów. Rozwój witryny przyczynił się do silnej obecności klubu w Internecie i jego skutecznej interakcji ze społecznością. Scentralizowany system zakupu towarów i śledzenia biletów zwiększył sprzedaż o 24%, a oglądalność meczów o 31%.

Witryna odegrała kluczową rolę we wspieraniu globalnej strategii PR klienta, ułatwiając podstawowe działania marketingowe, takie jak planowanie kampanii, komunikacja ze sponsorami i organizowanie wydarzeń sportowych.

Czas trwania projektu

Maj 2022 - w toku

Podobne projekty

Skontaktuj się z nami!

Zadzwoń lub wypełnij poniższy formularz, a my skontaktujemy się z Tobą po przetworzeniu Twojego zgłoszenia.

Nazwa

Firma

E-mail

Telefon

Wiadomość Prosimy o podanie szczegółów projektu, czasu trwania, stosu technologicznego, potrzebnych specjalistów IT i innych istotnych informacji.

Nagraj wiadomość głosową na temat
projekt, który pomoże nam lepiej go zrozumieć

W razie potrzeby dołącz dodatkowe dokumenty

Prześlij plik

Można załączyć maksymalnie 1 plik o łącznej wielkości 2 MB. Ważne pliki: pdf, jpg, jpeg, png

Informujemy, że po kliknięciu przycisku Wyślij Innowise będzie przetwarzać Twoje dane osobowe zgodnie z naszą Polityką prywatności w celu dostarczenia Ci odpowiednich informacji.

Co będzie dalej?

Po otrzymaniu i przetworzeniu Twojego zgłoszenia skontaktujemy się z Tobą wkrótce, aby wyszczególnić potrzeby projektu i podpisać umowę o zachowaniu poufności, aby zapewnić poufność informacji.

Po przeanalizowaniu wymagań, nasi analitycy i programiści opracowują projekt z zakresem prac, wielkością zespołu, czasem i kosztami szacunki.

Umówimy się z Tobą na spotkanie, aby omówić ofertę i dojść do porozumienia porozumienia.

Podpisujemy umowę i rozpoczynamy pracę nad projektem tak szybko, jak to możliwe.