100 podstron bez błądzenia po szpitalnym korytarzu – Case Study

Klient

BCM Bonifratrzy / Bonifraterskie Centrum Medyczne

Typ projektu

Serwis WWW

Usługi

Strony WWW Copywriting Produkcja Graficzna UX/UI
BCM Bonifratrzy - case study serwisu WWW dla Bonifraterskiego Centrum Medycznego

PROBLEM

Bonifraterskie Centrum Medyczne łączy 400-letnią tradycję Zakonu Bonifratrów z nowoczesną opieką medyczną. Skala działalności była jednak znacznie większa niż czytelność dotychczasowego ekosystemu online, a informacje o placówkach, poradniach, oddziałach, usługach, cennikach i kontaktach były rozproszone. Problem był szczególnie ważny, bo serwis medyczny to nie tylko wizytówka, ale przede wszystkim narzędzie, które pomaga pacjentom szybko znaleźć pomoc.

ZESPÓŁ

  • Account Manager
  • Project Manager
  • UI/UX Designer
  • Developer

WYZWANIA

Największym wyzwaniem było zaprojektowanie serwisu WWW, który uporządkuje bardzo dużą strukturę organizacyjną, a jednocześnie będzie prosty i intuicyjny dla pacjenta. Drugim kluczowym obszarem była dostępność. Odpowiednio dostosowana strona WWW w przypadku centrum medycznego nie jest dodatkiem. To warunek realnego korzystania z serwisu przez seniorów, osoby z niepełnosprawnościami, pacjentów w stresie i ich rodziny.

Dla Bonifraterskiego Centrum Medycznego zaprojektowaliśmy i wdrożyliśmy nowoczesny serwis internetowy, który scentralizował komunikację z pacjentami i uporządkował rozbudowaną strukturę. Projekt objął UX/UI, projekt graficzny, copywriting i development, a cała strona została przygotowana z myślą o dostępności, wygodnej administracji i dużej skali treści.

Jak serwis WWW może skrócić pacjentowi drogę do właściwej pomocy medycznej?

Projekt

Projekt serwisu BCM nie polegał na „odświeżeniu strony”. To była budowa nowej infrastruktury informacyjnej dla dużej organizacji medycznej. Serwis musiał obsłużyć wiele typów użytkowników: pacjentów szukających poradni, rodzinę szukającą placówki, osoby sprawdzające cennik, kandydatów do pracy, lokalne zespoły placówek oraz administratorów odpowiedzialnych za aktualizację treści.

 

Zaczęliśmy od uporządkowania struktury. Kluczowe było to, żeby użytkownik nie musiał znać wewnętrznej logiki organizacji BCM. Miał móc wejść na stronę i znaleźć odpowiedź: gdzie mogę się zgłosić, jakie usługi są dostępne, która placówka jest najbliżej, jaki jest numer telefonu, czy dana poradnia działa w moim mieście.

 

Na tej podstawie powstał serwis internetowy z modułową strukturą, który pozwalał logicznie rozwijać treści bez utraty spójności. To ważne, bo przy ponad 100 podstronach każdy wyjątek w architekturze może szybko zamienić się w chaos. Naszym zadaniem było stworzenie systemu, nie tylko zestawu ekranów.

 

Oficjalny serwis Bonifraterskiego Centrum Medycznego pokazuje szeroką skalę działalności BCM: szpitale, rehabilitację, poradnie, hospicja i dom geriatryczno-rehabilitacyjny. Właśnie tę złożoność trzeba było przełożyć na prostą, pacjencką nawigację.

UX/UI

W projektowaniu UX/UI najważniejsze było skrócenie drogi do informacji. Serwis musiał dobrze działać zarówno na desktopie, jak i mobile, bo użytkownicy medycznych stron często szukają informacji szybko, w konkretnym kontekście i pod presją czasu.

 

Zaprojektowaliśmy m.in. stronę „Nasze placówki”, która pozwala dotrzeć do największych placówek szpitalnych w różnych miastach oraz mniejszych jednostek: poradni, hospicjów, placówek rehabilitacyjnych i ośrodków POZ. Każda większa placówka otrzymała własną strukturę z opisem, oddziałami, poradniami, usługami, cennikami, kontaktami i aktualnościami.

 

W serwisie znalazły się też strony działalności: szpitale, podstawowa opieka zdrowotna, poradnie, rehabilitacja, hospicjum i inne obszary. Dzięki temu użytkownik może szukać pomocy na dwa sposoby: przez lokalizację albo przez rodzaj usługi.

 

Dużym elementem UX była wyszukiwarka poradni według specjalizacji. To rozwiązanie szczególnie ważne dla pacjentów, którzy nie wiedzą, do której placówki BCM powinni trafić, ale wiedzą, jakiej pomocy medycznej potrzebują.

Lekarze w białych fartuchach uśmiechają się do pacjentki w szpitalnej sali.

Projekt graficzny

Projekt graficzny musiał połączyć nowoczesność z powagą i tradycją. Mieliśmy na uwadze, że BCM to nie startup medyczny ani prywatna klinika premium budowana wyłącznie na estetyce, tylko instytucja zakorzeniona w historii, ale działająca w realiach współczesnej opieki zdrowotnej.

 

Dlatego postawiliśmy na czysty, spokojny i funkcjonalny język wizualny. Kolorystyka, typografia, układ kart, buttony i moduły zostały zaprojektowane tak, żeby wspierać przejrzystość. Powtarzalność elementów nie była ograniczeniem kreatywnym, tylko warunkiem czytelności przy tak dużej liczbie podstron. Odświeżyliśmy również elementy identyfikacji wizualnej, z poszanowaniem tradycji Zakonu Bonifratrów. 

Bonifraterskie Centrum Medyczne: typografia, kolory i elementy formularzy

Dostępność i WCAG

Dostępność była jednym z fundamentów projektu. Serwis został przygotowany z myślą o wymogach WCAG, w tym o wersji kontrastowej ciemnej oraz możliwości modyfikacji rozmiaru tekstu.

W praktyce oznaczało to projektowanie z myślą o użytkownikach, którzy mogą mieć trudności ze wzrokiem, motoryką, koncentracją lub szybkim przetwarzaniem informacji. 

Dostępna strona www nie może być tylko checklistą techniczną. Musi być realnie wygodna. Dlatego zadbaliśmy o przejrzyste nagłówki, logiczne sekcje, wyraźne CTA czy prosty dostęp do kontaktu.

Interfejs aplikacji Bonifraterskiego Centrum Medycznego z opcjami wyboru placówki.

Nasze placówki

Specjalna strona Nasze placówki umożliwia dotarcie do stron poszczególnych szpitali w największych miastach. Zawiera też drugą sekcję z placówkami mniejszymi – szpitalami rehabilitacyjnymi, poradniami, hospicjami.

Bonifraterskie Centrum Medyczne: placówki w Katowicach, Krakowie i Łodzi.

Działalności

Każda działalność w ramach BCM, ma własną sekcję na stronie. Główne placówki z podziałem na miasta, strony Podstawowej Opieki Zdrowotnej również z podziałem na miasta, strony wszystkich poradni z wyszukiwarką wg specjalizacji.

Bonifraterskie Centrum Medyczne - Poradnie specjalistyczne i rehabilitacja

Strony placówek

Strona każdej głównej placówki opisuje pokrótce, co to za placówka oraz umożliwia dotarcie m.in. do podstron poszczególnych oddziałów czy poradni. Osobnymi podstronami jest też lista świadczonych usług (Co leczymy), podstrona z cenami (jeśli są to usługi odpłatne) oraz – jeśli istnieją – inne podstrony właściwe dla danej placówki (np. hospicjum, specjalna diagnostyka). Użytkownik może dowiedzieć się, jak tam trafić albo skontaktować się. Strony największych jednostek mają też sekcję Aktualności, gdzie publikowane są bieżące informacje.

Bonifraterskie Centrum Medyczne: Strona główna z menu nawigacyjnym i sekcjami.
Bonifraterskie Centrum Medyczne - strona główna szpitala w Katowicach

Oddziały

Każdy oddział ma osobną zakładkę z opisem, zdjęciami i danymi kontaktowymi, by pacjent lub osoba z rodziny chorego z łatwością dowiedzieli się, jakie usługi są tu świadczone oraz jak z nich skorzystać.

Strona główna Bonifraterskiego Centrum Medycznego: Oddziały, Poradnie, Rehabilitacja
Fizjoterapeuta pomaga pacjentowi z cukrzycą w ćwiczeniach rehabilitacyjnych

Podstrony

Strony największych placówek mają sekcję Aktualności, gdzie publikowane są informacje, poradniki czy komunikaty postaci artykułów. Wszystkie te wpisy można znaleźć na głównej podstronie Aktualności.

Bonifraterskie Centrum Medyczne: Aktualności – Strona główna i artykuły
Kobieta w ciąży z kotem na rękach, Bonifraterskie Centrum Medyczne
Bonifraterskie Centrum Medyczne: Strona główna / Ortopedia / Użytkowanie łokotki/chrząstki

Praca

Postawiliśmy też na rozbudowaną stronę Praca z możliwością wyszukiwania ofert po mieście i stanowisku. Znajduje się tutaj formularz umożliwiający przesłania swojej aplikacji.

Formularz zgłoszeniowy na portal rekrutacyjny dla medyków

Copywriting

Copywriting w tym projekcie wymagał balansu. Z jednej strony serwis musiał być zrozumiały dla pacjentów. Z drugiej – musiał zachować powagę i precyzję właściwą dla branży medycznej.

Pisaliśmy i porządkowaliśmy treści tak, żeby prowadzić użytkownika bez nadmiaru specjalistycznego języka. Najważniejsze było wyjaśnianie: czym zajmuje się dana placówka, co pacjent znajdzie na stronie, gdzie może się zgłosić, jakie są dostępne usługi i jak skontaktować się z odpowiednią jednostką.

To copywriting użytkowy, który ma pomagać, skracać drogę i zmniejszać niepewność. Jeśli interesuje Cię podobne połączenie projektu graficznego, struktury treści i języka marki, zobacz usługę produkcja graficzna i copywriting.

Development

Wdrożenie nowego serwisu BCM scentralizowało komunikację z pacjentami i znacząco skróciło drogę do znalezienia pomocy medycznej. Zamiast rozproszonej struktury powstała jedna łącząca ją platforma.

Dla Bonifraterskiego Centrum Medycznego oznaczało to cały uporządkowany ekosystem cyfrowy, który wzmacnia wiarygodność instytucji, poprawia obsługę pacjentów i ułatwia codzienną administrację treścią. Szczegółowe dane kontaktowe i informacje o strukturze organizacji są dostępne na stronie Kontakt BCM.

Realizacja

Nasze działania dowiozły następujące wskaźniki efektywności:

  • 3 miesiące realizacji: w tym czasie zaprojektowaliśmy i wdrożyliśmy rozbudowany serwis internetowy dla wieloplacówkowej organizacji medycznej.
  • Ponad 100 podstron: uporządkowaliśmy dużą strukturę treści, obejmującą placówki, poradnie, oddziały, aktualności, usługi, cenniki i rekrutacje.
  • WordPress jako technologia: serwis został oparty o CMS, który pozwala zespołowi klienta rozwijać treści i zarządzać nimi bez przebudowy całej platformy.
  • Dostępność WCAG: wdrożyliśmy rozwiązania wspierające korzystanie ze strony przez seniorów, osoby z niepełnosprawnościami i użytkowników potrzebujących większej czytelności.
  • Centralizacja komunikacji pacjenckiej: nowy serwis skrócił drogę do placówek, specjalizacji, kontaktów i informacji medycznych, wzmacniając cyfrowy wizerunek BCM.

WYNIKI

Wdrożenie nowego serwisu BCM całkowicie scentralizowało komunikację z pacjentami, znacząco skracając drogę do znalezienia pomocy medycznej i właściwego kontaktu. Nowoczesna platforma podniosła wiarygodność instytucji w sieci, poprawiła kluczowe wskaźniki zaangażowania użytkowników i zautomatyzowała procesy wewnętrzne.

CZAS REALIZACJI

3 mies.

PODSTRONY

>100

TECHNOLOGIA

WordPress

Potrzebujesz nowej strony WWW?

Współpraca z Konceptiką przebiega bardzo sprawnie, a wspólna realizacja wyznaczonych celów kończy się pełnym sukcesem. Zespół ma duże doświadczenie, dba o klientów i dostosowuje się do wymagań.

Agata Wołk

Specjalista ds. Marketingu, Koordynator wolontariatu w Bonifraterskie Centrum Medyczne