Jak uporządkować systemy back-office w dużej grupie mediowej

Przegląd

Są projekty, przy których czujesz, że piszesz ważny rozdział swojej kariery. Nie planujemy jeszcze przechodzić na emeryturę, ale Wirtualna Polska daje nam poczucie, że możemy w pełni wykorzystać wszystko, czego nauczyliśmy się przez lata pracy w IT.

Mówimy o jednym z największych holdingów technologicznych w Europie Środkowej. Firma dociera do blisko 21 milionów użytkowników (dane z grudnia 2021), którzy spędzają ponad 70 milionów godzin, korzystając z jej portali i serwisów. 3,6 miliarda wyświetleń miesięcznie. Robi wrażenie? To właśnie Wirtualna Polska.

Wyzwanie

Przez ostatnie 25 lat WP rozwijała własne systemy back-office (m.in. redakcyjny, reklamowy i IT), a dodatkowo zarządza licznymi aplikacjami przejętymi w wyniku akwizycji innych firm. Z biegiem czasu ekosystem rozrastał się i stawał się coraz bardziej skomplikowany, co prowadziło do problemów z utrzymaniem i utrudniało dalszy rozwój — nie wspominając o wpływie na doświadczenia użytkowników.

Nasza praca

Przez ponad cztery lata współpracy wzięliśmy udział w tak wielu projektach WP, że moglibyśmy z nich ułożyć 10 oddzielnych case studies. Choć łącznie to dziesiątki tysięcy godzin pracy, postaramy się przedstawić je skrótowo — przez pryzmat najważniejszych osiągnięć i kamieni milowych:

WP Blast

Wszystko zaczęło się w 2018 roku. Zaprojektowaliśmy proof of concept dla innowacyjnego formatu konsumpcji treści online. Nie jest tajemnicą, że młode pokolenie odbiorców newsów ma zupełnie inne nawyki niż starsze generacje. Mobile, media społecznościowe, aplikacje i wielozadaniowość to codzienność 18–25-latków.

Staraliśmy się pogodzić awangardowe podejście do interfejsu z klasycznym formatem artykułu, tworząc nową koncepcję praktycznie od zera. W efekcie powstał projekt, który pozwala czytelnikowi zapoznać się z zajawką artykułu lub zagłębić się w szczegóły. Interaktywne mechanizmy nawigacji nawiązują do wzorców rynkowych (Instagram Story, Facebook, TikTok — który wtedy jeszcze nazywał się Musical.ly!).

Edytor treści

Dziś w centrum każdej organizacji medialnej stoi oprogramowanie do edycji treści — narzędzie, w którym dziennikarze tworzą swoje artykuły. Może kojarzy ci się to z jakimś starym CMS-em i wadliwymi rozwiązaniami, które tylko z nazwy miały coś wspólnego z WYSIWYG (What You See Is What You Get)? Nie o tym mówimy. Nowoczesny edytor treści wspiera proces tworzenia bogatych multimedialnie materiałów zgodnie z najlepszymi praktykami SEO i z myślą o dostępności dla docelowych odbiorców. Kluczowa jest też kwestia tzw. TTP (Time to Publish — czas do publikacji). Lider na rynku informacyjnym musi być szybszy od konkurencji, prawda?

Dlaczego dziennikarze pokochali nasze narzędzie?

Szablony, które od razu dostosowują narzędzie do planowanego rodzaju treści i przyspieszają proces twórczy.

Zastosowanie local storage i funkcji autozapisu eliminuje ryzyko utraty wykonanej pracy.

Architektura części treści — artykuł tworzony jest za pomocą bogatej biblioteki komponentów multimedialnych: zdjęcia, wideo, interaktywne galerie, posty z mediów społecznościowych, cytaty, tabele ze specyfikacjami, notowania giełdowe i walutowe, komponenty e-commerce, osie czasu wydarzeń, plusy i minusy, recenzje i wiele, wiele innych. Biblioteka CP umożliwia tworzenie naprawdę angażujących treści dla współczesnego czytelnika!

Wygodny panel formatowania tekstu pozwala wyróżniać kluczowe elementy treści i kontrolować rytm narracji.

Integracja z repozytorium zdjęć i możliwość korzystania jednocześnie z zasobów wielu agencji znacząco skraca czas przygotowania treści do publikacji.

Mechanizmy rekomendacji — obrazy, linki, tagi i kategorie są sugerowane przez systemy (AI + Machine Learning) na podstawie treści artykułu. Wszystko to wspiera wysoką widoczność w Google i sprawia, że publikacja staje się ciekawsza dla czytelnika,

Wskaźnik czytelności — treść artykułu jest analizowana pod kątem dopasowania do konkretnej grupy docelowej (słownictwo, gramatyka, interpunkcja itp.). Koniec z przydługimi zdaniami i słowami, których nikt nie rozumie,

Inteligentna walidacja wskazuje błędy, promuje dobre praktyki i podpowiada, jak rozwiązać napotkane problemy. Wykonujemy za redaktorów pracę polegającą na technicznej weryfikacji newsów zgłaszanych do publikacji.

Podgląd artykułu w szacie graficznej portalu, w którym zostanie opublikowany (w tym widoki mockupu na urządzeniach mobilnych i siatka reklamowa), pozwala dziennikarzom zobaczyć treść dokładnie tak, jak zobaczy ją czytelnik.

Jeśli kochasz to, co robisz, nawet narzędzia, których używasz, zyskują ludzki wymiar. Edytor N2CR ochrzciliśmy "Niuniem" (od "new news"), co po polsku brzmi jak czułe przezwisko. Wybraliśmy też Corgi jako maskotka projektu — i już znalazł swoje miejsce na koszulkach całego zespołu.

Proces redakcyjny

Kompletna treść artykułu to dopiero początek walki o uwagę czytelnika.

News piece

Artykuł jest reprezentowany przez zajawkę newsa na stronie głównej i w innych listingach. Ten pozornie prosty i mało istotny element odgrywa w praktyce kluczową rolę! Klikalność zajawki decyduje o tym, czy cała publikacja dotrze do szerokiej publiczności, czy pozostanie niezauważona. Różne warianty tytułów, zdjęć i dodatkowe ustawienia wpływają na popularność artykułu.

Selekcja

Zanim zajawka trafi do publikacji, jest dokładnie weryfikowana przez redaktorów. W tym czasie może wielokrotnie krążyć po tablicy kanban, aż jedna z jej wersji uzyska akceptację.

Publikowanie

Każdy news ma swoje 5 minut sławy. W praktyce bywa, że trochę więcej. W tym czasie mechanizmy Big Data analizują wyniki klikalności. Wydawca poprawia efekty, przypinając zajawkę w wybranym miejscu na stronie głównej. Bez przesady można to nazwać Centrum Dowodzenia Uwagą milionów czytelników Wirtualnej Polski.

Lista artykułów

Przy 4 milionach artykułów potrzebujesz naprawdę dobrego pomysłu i odpowiednich narzędzi do przeglądania, wyszukiwania i filtrowania treści. Wyszukiwarka ma wbudowaną listę poleceń, która pozwala aktywować dowolne dostępne filtry — wszystko bez odrywania rąk od klawiatury!

Repozytorium zdjęć

Jedną z najważniejszych kwestii w pracy redakcyjnej zawsze był dobór zdjęć. Każdy news potrzebuje przynajmniej jednego. Wyszukiwanie, selekcja i wstawianie zdjęć do artykułów zawsze zajmowało czas.

Jeśli rewolucja w pracy zespołu redakcyjnego miała rzeczywiście nastąpić, nie mogła się odbyć bez repozytorium zdjęć. Scentralizowane repozytorium agregujące zasoby wielu różnych agencji, grupujące inne licencje i zarządzające metadanymi stało się niezwykle ważnym rozwiązaniem w codziennej pracy każdego dziennikarza. Nie można też lekceważyć zaawansowanego mechanizmu kadrowania, który eliminuje konieczność edytowania zdjęć w zewnętrznym oprogramowaniu.

Design system

Wiedząc, że przed nami lata pracy nad całym ekosystemem oprogramowania, od samego początku równolegle pracowaliśmy nad tworzeniem Design Systemu.

Design System to zbiór zasad, narzędzi i procesów, które upraszczają projektowanie, budowę i rozwój produktów cyfrowych. Więcej na temat Design Systemów.

Zespół, który zebraliśmy, odpowiada za budowę biblioteki komponentów React.js oraz tworzenie stosownej dokumentacji. Dzięki możliwości ponownego wykorzystywania elementów oszczędzamy mnóstwo czasu i gwarantujemy spójne doświadczenia naszym użytkownikom.

Więcej na ten temat możesz przeczytać w osobnym case study dotyczącym Design Systemu stworzonego dla Wirtualnej Polski. (wkrótce!)

Inne aplikacje: autorzy, tagi, produkty i wiele więcej…

Wyżej wymienione główne aplikacje są stopniowo uzupełniane o dodatkowe narzędzia. Tak duże organizacje operują na ogromu danych, którymi trzeba efektywnie zarządzać.

Tysiące tagów, setki autorów i produkty medialne to tylko część informacji, z którymi zespół naszego klienta pracuje każdego dnia.

Każda aplikacja zyskała własną identyfikację i swoje miejsce w ekosystemie. Pracownicy WP mogą sprawnie przełączać się między systemami, pozostając w obrębie jednego spójnego środowiska.

Dashboard

Tak rozbudowana sieć aplikacji potrzebuje centralnej jednostki sterującej, która gromadzi dane i prezentuje "widok z lotu ptaka" na efekty naszej pracy. Dashboard dostarcza informacji o statystykach i umożliwia wybór preferowanych ustawień systemu.

WP Ads

Zmiany zachodzą też w innych częściach firmy. Wspieramy dział reklamy, projektując aplikację WP Ads, za pomocą której reklamodawcy mogą samodzielnie prowadzić kampanie. Narzędzie umożliwia tworzenie kampanii w oparciu o feed produktowy, integracje z platformami e-commerce i bazy danych e-mail. Wyniki kampanii prezentowane są w panelu analitycznym WP Metrics.