IMP Magazine – migracja, projekt i wdrożenie, utrzymanie i rozwój

Wprowadzenie

Klient: IMP Bridge Magazine
Branża: wydawnictwa cyfrowe
Zakres: migracja, projekt i wdrożenie, utrzymanie i rozwój
Strona: imp-bridge.nl

Kontekst

IMP to jeden z najbardziej cenionych magazynów brydżowych w Holandii, skierowany do zaangażowanej społeczności zawodowych i turniejowych brydżystów. Przez lata magazyn korzystał z przestarzałej strony opartej na Drupalu, która nie oddawała już jakości jego treści ani oczekiwań czytelników. Redakcja potrzebowała nowoczesnej platformy cyfrowej – takiej, która poradzi sobie z wieloma typami treści: od pogłębionych artykułów i archiwalnych numerów magazynu po interaktywne diagramy zadań brydżowych i dyskusje społeczności. Przyszli do nas z jasnym celem: zbudować stronę od podstaw, przenieść treści gromadzone przez lata bez utraty choćby jednego materiału i wprowadzić nowe narzędzia, dzięki którym platforma będzie samowystarczalna i angażująca.

Wyzwanie

Projekt miał kilka warstw złożoności. W starszym systemie Drupal zgromadzono lata artykułów, zadań brydżowych, wątków na forum i danych subskrybentów newslettera – wszystko to trzeba było czysto przenieść do zupełnie nowej architektury. Treści brydżowe są wyjątkowo wymagające po stronie frontendu: diagramy rozkładów i tabele licytacji muszą wyświetlać się precyzyjnie na ekranach każdej wielkości, a nawet drobne przesunięcia mogą sprawić, że treść stanie się dla graczy nieczytelna. Redakcja potrzebowała niezależności – możliwości tworzenia interaktywnych quizów, zarządzania miejscami reklamowymi, aktualizowania banerów na stronie głównej i wysyłania newsletterów bez udziału programistów. Do tego strona musiała obsługiwać wielojęzycznych odbiorców, spełniać wymogi przepisów o plikach cookie i RODO oraz pozostać bezpieczna i wydajna na nowoczesnej infrastrukturze.

Rozwiązanie

Zaprojektowaliśmy i zbudowaliśmy całą platformę od zera na WordPressie, z autorskim motywem i systemem układów dopasowanym specjalnie do treści magazynu brydżowego.

Migracja treści i architektura – przenieśliśmy wszystkie treści z Drupala, mapując je na nową, przejrzystą strukturę. Artykuły, zadania, posty z forum, archiwalne numery i dane subskrybentów zostały przeniesione i zweryfikowane.
Dedykowany silnik quizów – zbudowaliśmy interaktywny system zadań brydżowych na bazie QSM (Quiz and Survey Master), rozszerzając go o własne dodatki do punktowanych wyników, eksportu wyników do CSV i osobnej strony z wynikami. Redakcja zyskała mocne narzędzie do angażowania czytelników bezpośrednio na stronie.
Forum społeczności – stworzyliśmy w pełni ostylowane forum, na którym czytelnicy omawiają zadania brydżowe, dzielą się rozwiązaniami i kontaktują z moderatorami. Forum obejmuje powiadomienia e-mail dla moderatorów, szablony postów i system obserwowania dyskusji.
Zarządzanie newsletterem – zintegrowaliśmy MailPoet do zarządzania newsletterem bezpośrednio na stronie, wraz z formularzami zapisu, ochroną reCAPTCHA, segmentacją odbiorców i wielojęzycznymi szablonami e-maili przetłumaczonymi na niderlandzki.
System zarządzania reklamami – zbudowaliśmy własne rozwiązanie, które daje klientowi pełną kontrolę nad miejscami reklamowymi w całym serwisie – w tym możliwość umieszczania kilku reklam obok siebie i zarządzania nimi przez prosty interfejs z shortcode’ami.
Responsywne wyświetlanie treści brydżowych – szczególną uwagę poświęciliśmy temu, by diagramy rozkładów i tabele licytacji wyświetlały się poprawnie na komputerach, tabletach i telefonach. Stworzyliśmy własne szablony CSS Grid specjalnie dla notacji brydżowej i dostosowaliśmy szerokości kolumn oraz wyrównanie dla poszczególnych breakpointów.
Samodzielna obsługa banerów – dostarczyliśmy dedykowany system grafik banerowych z edytowalnymi warstwami tekstowymi, dzięki któremu zespół może samodzielnie aktualizować grafiki na stronie głównej. Uzupełniliśmy go o tutoriale wideo pokazujące, jak podmieniać zdjęcia okładkowe w Photoshopie.
Infrastruktura i bezpieczeństwo – przenieśliśmy serwer na PHP 8, wdrożyliśmy checklistę hardeningu bezpieczeństwa, zaktualizowaliśmy reCAPTCHA do wersji v3, rozwiązaliśmy problemy ze spamem i skonfigurowaliśmy środowisko stagingowe do bezpiecznego testowania przed wdrożeniami na produkcję.

Efekt

Nowa platforma zmieniła obecność IMP w sieci: ze statycznej, przestarzałej strony w żywe, interaktywne centrum holenderskiej społeczności brydżowej. Redakcja zyskała pełną autonomię w tworzeniu treści, publikowaniu quizów, prowadzeniu kampanii newsletterowych i zarządzaniu reklamami – bez zależności od programistów w codziennej pracy. Czytelnicy dostali nowoczesną, responsywną stronę, na której diagramy brydżowe wyświetlają się czytelnie na każdym urządzeniu, a forum stało się aktywnym miejscem życia społeczności. Migracja zachowała całe archiwum treści magazynu, zapewniając ciągłość wieloletnim subskrybentom. Po uruchomieniu kontynuowaliśmy utrzymanie i iteracyjny rozwój w ramach 168 zadań – od poprawek po testach UAT i nowych funkcji po aktualizacje wtyczek i poprawki bezpieczeństwa – dbając o to, by platforma była stabilna, bezpieczna i rozwijała się razem z potrzebami klienta.
Treść projektu