0
Przejdź do treści
Portal i narzędzia redakcji

OnkoNews

Zaprojektowaliśmy nową przestrzeń dla informacji i edukacji onkologicznej. Połączyliśmy publiczny portal z autorskim panelem CMS/CRM, aby redakcja mogła zarządzać publikacjami, zespołem i komunikacją, a czytelnicy odnajdywać aktualności, rozmowy i materiały edukacyjne w jednym serwisie.

Przebudowaliśmy portal od podstaw

Przenieśliśmy OnkoNews z modelu opartego na WordPressie i Elementorze do własnej aplikacji publikacyjnej. Opracowaliśmy nowy projekt interfejsu, uporządkowaliśmy nawigację i szablony materiałów oraz przenieśliśmy publikacje, autorów, kategorie, etykiety i obrazy wraz z ich powiązaniami. Po stronie zespołu przygotowaliśmy autorski panel CMS/CRM do obsługi treści, mediów, dostępu i komunikacji. Zakres rozwinęliśmy o strukturę Strefy Wiedzy, integrację generowania nagrań i odtwarzacz artykułów. Połączyliśmy w ten sposób pracę redakcyjną z publiczną prezentacją materiałów, zamiast traktować stronę i jej zaplecze jako osobne projekty.

2022

Zakres prac

  • Administracja i zarządzanie infrastrukturą
  • Backend Development
  • Branding i strategia marki
  • Frontend Development
  • Implementacja hostingowa
  • Implementacja WordPress i systemów CMS
  • Kierownictwo artystyczne
  • Optymalizacja SEO
  • Projektowanie graficzne
  • Projektowanie UI
  • Projektowanie UX
  • Tożsamość wizualna
  • Adrian Koziński

    Founder & CEO

    Adrian Koziński
  • Jakub Zalewski

    Visual Communication Designer

    Jakub Zalewski
  • Oleksandr Melnyk

    UX/UI Designer

    Oleksandr Melnyk
  • PAR HOUSE Agency

    Specialist

    PAR HOUSE Agency

Uporządkowaliśmy pracę redakcji

Autorski panel CMS/CRM zaprojektowaliśmy wokół codziennych zadań zespołu OnkoNews. Wyodrębniliśmy publikacje, strony, media, kategorie i etykiety, zarządzanie zespołem, reklamy, newsletter oraz ustawienia. Zapewniliśmy też osobną obsługę kompozycji strony głównej i obszarów systemowych. Dzięki temu redakcja otrzymała narzędzia odpowiadające strukturze portalu. W części CMS skupiliśmy tworzenie i prezentację materiałów, a w części operacyjnej obsługę zespołu, dostępu i komunikacji z użytkownikami.

Przygotowaliśmy ścieżkę pracy od szkicu do podglądu i publikacji. W edytorze uwzględniliśmy nagłówki, listy, cytaty, odnośniki, zdjęcia, galerie i materiały wideo. Dodaliśmy wersje oraz mechanizm lokalnego odzyskiwania szkicu, aby wspierać kontynuowanie rozpoczętej pracy. Pola SEO i przypisanie materiału do kategorii połączyliśmy z edycją treści. Rozdzieliliśmy przy tym publikacje redakcyjne od ustawień stron i sekcji systemowych, które mają inną rolę w serwisie.

Uprawnienia właściciela oddzieliliśmy od dostępu redakcyjnego. Konta członków zespołu powiązaliśmy z profilami autorów, zachowując znaczenie autorstwa w publikacjach. Przygotowaliśmy zaproszenia, odzyskiwanie hasła, obsługę sesji i możliwość blokowania dostępu. W panelu uwzględniliśmy również weryfikację zawodową PWZ, moderację komentarzy i historię zmian. Właściciel może zarządzać zespołem, natomiast praca nad materiałami nie wymaga utożsamienia każdego redaktora z administratorem całej aplikacji.

Komunikację systemową połączyliśmy z własnym serwerem pocztowym i kolejką wiadomości. Osobno uporządkowaliśmy szablony oraz obszary newslettera i kontaktu. W ramach migracji odtworzyliśmy powiązania kont z istniejącymi autorami i zachowaliśmy relacje między treścią, kategoriami i obrazami. Zależało nam, aby zmiana technologii nie odrywała artykułów od osób, które je przygotowały, ani nie sprowadzała archiwum do niepowiązanego zbioru tekstów.

Zaprojektowaliśmy czytanie i odkrywanie

Nową stronę główną ułożyliśmy wokół różnych sposobów szukania wiedzy. Rozdzieliliśmy aktualności, doniesienia naukowe, rozmowy i edukację, a hierarchią nagłówków i kart pomogliśmy rozpoznać charakter materiału przed jego otwarciem. Wyszukiwarkę powiązaliśmy z nawigacją. Uwzględniliśmy także poruszanie się między działami podczas przewijania oraz rozbudowaną stopkę. Kompozycję głównej strony połączyliśmy z decyzjami redakcji, zamiast sprowadzać ekspozycję wszystkich materiałów do jednej automatycznej listy.

Szablon artykułu przygotowaliśmy dla tekstu, zdjęć i materiałów wideo. Wyeksponowaliśmy autora, informacje o publikacji i czas czytania. Dodaliśmy polecane materiały, komentarze oraz udostępnianie i kopiowanie odnośnika. Uporządkowaliśmy wygląd nagłówków, cytatów i multimediów, aby dłuższe publikacje zachowywały czytelną strukturę. Miejsce partnera serwisu wpisaliśmy w układ strony, pozostawiając odrębną rolę treści redakcyjnej i materiałów partnerskich.

Rozszerzyliśmy sposób korzystania z wybranych artykułów o odsłuch. Zintegrowaliśmy generowanie nagrań z ElevenLabs i zapis gotowego pliku na serwerze. Odtwarzacz wyposażyliśmy w postęp, czas, zmianę prędkości i wyciszenie. Odtworzenie istniejącego nagrania nie wymaga ponownego uruchomienia generowania. Przygotowaliśmy w ten sposób dodatkowy format korzystania z publikacji, a zbiór nagrań można rozwijać wraz z wyborem kolejnych artykułów do opracowania w audio.

Strefę Wiedzy wydzieliliśmy dla materiałów z dostępem zależnym od weryfikacji zawodowej. Przygotowaliśmy osobne działy edukacji, encyklopedii przypadków, webinarów i narzędzi, wraz z filtrowaniem oraz obsługą pustych działów. Przenieśliśmy dwa istniejące materiały edukacyjne jako chronione. Dla pozostałych obszarów zbudowaliśmy strukturę dalszego rozwoju. Redakcji zapewniliśmy ścieżkę dodawania właściwego typu materiału, aby kolejne publikacje mogły trafić do odpowiedniego działu bez każdorazowej przebudowy portalu.

Połączyliśmy portal z jego zapleczem

W OnkoNews zaprojektowaliśmy dwa powiązane środowiska: miejsce korzystania z informacji i narzędzia do jej przygotowywania. Uporządkowaliśmy publikacje, role zespołu, media oraz komunikację w jednej aplikacji. Nowym projektem strony nadaliśmy treściom wyraźną hierarchię, a migracją zachowaliśmy ich autorstwo i relacje. Dostęp do wybranych materiałów połączyliśmy z weryfikacją zawodową, natomiast artykuły z gotowym nagraniem udostępniliśmy również do odsłuchu.

Przygotowaliśmy platformę, którą można rozwijać wraz z zakresem publikacji i potrzebami redakcji. Własny panel, spójne szablony i uporządkowane archiwum tworzą wspólną podstawę dla dalszej pracy nad serwisem. Kolejne materiały edukacyjne, nagrania i publikacje mogą korzystać z tej samej organizacji treści, mediów i dostępu. Rozwój OnkoNews połączyliśmy w ten sposób z narzędziami zespołu, który na co dzień odpowiada za jego zawartość.

Zaprojektujmy narzędzia dla Twojego zespołu