Zakres:
- Warsztaty
- UX/UI Design
- Development
- SEO
- Wsparcie i gwarancja
Redesign i integracja stron Uniwersyteckiego Szpitalu Klinicznego w Poznaniu zgodnie ze standardem WCAG 2.2.
Projekt polegał na połączeniu dwóch istniejących witryn USK Poznań w jedną spójną platformę. Celem było stworzenie nowoczesnego, intuicyjnego designu oraz dostosowanie treści i struktury strony do standardów dostępności WCAG, aby pacjenci i personel medyczny mogli łatwo korzystać z informacji online.
USK x Empressia
Uniwersytecki Szpital Kliniczny w Poznaniu jest jednym z największych i najnowocześniejszych punktów medycznych w Polsce. Powstał z połączenia dwóch zasłużonych placówek: Szpitala Klinicznego im. Heliodora Święcickiego i Szpitala Klinicznego Przemienienia Pańskiego. To właśnie nasza agencja podjęła się wyzwania stworzenia spójnej strony internetowej, zawierającej wszystkie informacje o placówce.
Ujednolicona struktura
Połączyliśmy dwa niezależnie działające serwisy w jedną, spójną platformę, która porządkuje informacje i upraszcza korzystanie ze strony. Nowa struktura została zaprojektowana tak, aby użytkownicy szybciej odnajdywali potrzebne treści, niezależnie od tego, czy są pacjentami, czy pracownikami szpitala.
Zgodność z WCAG 2.2
Cała architektura informacji oraz treści została dostosowana do wytycznych WCAG 2.2, aby serwis był bardziej dostępny dla wszystkich użytkowników. Zadbaliśmy o przejrzystą nawigację, czytelność treści i rozwiązania wspierające komfort korzystania ze strony także przez osoby ze szczególnymi potrzebami.
Proste zarządzanie
Jednym z głównych problemów wcześniejszego serwisu był system zarządzania, który utrudniał codzienną edycję treści. Nowe rozwiązanie umożliwia łatwiejsze zarządzanie stroną, w tym samodzielne dodawanie i aktualizowanie materiałów, takich jak załączniki, komunikaty czy podstrony.
Wyzwanie
Podjęliśmy się stworzenia nowej strony internetowej dla jednej z największych placówek medycznych w Poznaniu.
Naszym zadaniem było połączenie dwóch niezależnie funkcjonujących serwisów w jedną spójną platformę, która mimo dużej liczby informacji jest wygodna, intuicyjna i przejrzysta w codziennym użytkowaniu, a przy tym spełnia wymagania prawne oraz wytyczne dostępności cyfrowej.
Projekt obejmował przebudowę struktury i nawigacji, zaprojektowanie nowej architektury informacji oraz uporządkowanie treści w oparciu o szczegółową analizę istniejących materiałów i potrzeb obu kluczowych grup użytkowników — pracowników szpitala oraz pacjentów.
Istotnym elementem projektu było również przeniesienie ogromnej liczby informacji z dwóch serwisów do jednego środowiska, w sposób uporządkowany i czytelny.
Istotnym elementem realizacji było także dostosowanie całej struktury serwisu i publikowanych treści do wytycznych WCAG 2.2, tak aby strona była bardziej dostępna i przyjazna dla wszystkich odbiorców.
Rezultaty
Spójny, dostępny i łatwy w obsłudze serwis
Efektem projektu jest jedna scalona strona Uniwersyteckiego Szpitala Klinicznego w Poznaniu, z przejrzystą architekturą informacji i intuicyjną nawigacją. Treści zostały uporządkowane i zaktualizowane, a system zarządzania treścią (CMS) umożliwia klientowi łatwą edycję materiałów.
Strona działa w pełni responsywnie na komputerach, tabletach i smartfonach, a zgodność z wytycznymi WCAG 2.2 zapewnia dostępność dla wszystkich użytkowników.
Spójny design wzmacnia wizerunek placówki i ułatwia korzystanie z serwisu.
Zakres prac
Warsztaty
Prace rozpoczęliśmy od warsztatów, podczas których opracowaliśmy nową strukturę serwisu i kierunki przebudowy nawigacji. Ich celem było połączenie dwóch niezależnych stron w jedną logiczną i spójną platformę, odpowiadającą na potrzeby pacjentów oraz pracowników szpitala.
UX/UI Design
Zaprojektowaliśmy od podstaw wszystkie kluczowe widoki serwisu, tworząc nowe rozwiązania dopasowane do charakteru i skali placówki. W warstwie UX/UI połączyliśmy nowoczesny wygląd z użytecznością oraz zasadami WCAG, tak aby serwis był jednocześnie atrakcyjny wizualnie i dostępny.
Development
Zakres prac wdrożeniowych objął kodowanie widoków, migrację rozbudowanych treści z dwóch serwisów oraz uruchomienie nowego, łatwiejszego w obsłudze systemu zarządzania treścią. Każdy widok testowaliśmy pod kątem zgodności z WCAG, a całość została przygotowana w pełni responsywnie.
Rezultaty
Interaktywna mapa
Jednym z najbardziej rozbudowanych i użytecznych elementów nowego serwisu jest interaktywna mapa szpitala, zaprojektowana z myślą o łatwiejszym poruszaniu się po wszystkich lokalizacjach placówki. Dla każdej z nich przygotowaliśmy osobną mapę z obrysami budynków, dzięki czemu użytkownik może szybko zorientować się w układzie przestrzennym i odnaleźć właściwe miejsce.
Mapa pozwala kliknąć w wybrany budynek, aby sprawdzić listę jednostek, które się w nim znajdują. Każda jednostka została dodatkowo opisana informacją o piętrze oraz wejściu do budynku, co znacząco ułatwia dotarcie na miejsce. Użytkownicy mogą również wyszukiwać jednostki na mapie z poziomu wszystkich lokalizacji, a także przejść bezpośrednio do właściwego miejsca z poziomu podstrony konkretnej jednostki. Całość została przygotowana również z myślą o wygodnym korzystaniu na urządzeniach mobilnych.
Rezultaty
Wyszukiwarka
Ważnym elementem nowego serwisu jest rozbudowany system wyszukiwania, zaprojektowany z myślą o szybkim odnajdywaniu najważniejszych informacji. Już na stronie głównej użytkownicy mogą skorzystać z kafelków umożliwiających łatwe wyszukiwanie oddziałów i poradni ze wszystkich lokalizacji, co znacząco skraca drogę do potrzebnych danych i ułatwia poruszanie się po rozbudowanej strukturze placówki.
Dodatkowo wdrożyliśmy wyszukiwarkę treści obejmującą cały serwis oraz wyszukiwarkę dostępną z poziomu map. Dzięki temu użytkownicy mogą odnaleźć zarówno konkretne jednostki, jak i interesujące ich informacje czy lokalizacje w różnych częściach strony. To rozwiązanie porządkuje dostęp do treści i zwiększa wygodę korzystania z serwisu zarówno dla pacjentów, jak i pracowników szpitala.
Responsywność
Strona szpitala została zoptymalizowana pod kątem responsywności, co zapewnia komfortowe korzystanie z serwisu na urządzeniach o różnych rozmiarach ekranów, zarówno na komputerach stacjonarnych, jak i laptopach, tabletach czy smartfonach. Każdy element interfejsu, w tym menu, podstrony jednostek czy interaktywna mapa, został starannie dopasowany, aby zachować czytelność, funkcjonalność i estetykę niezależnie od rozmiaru ekranu, na którym jest oglądany.
Rezultaty
Zgodność z WCAG 2.2
Dostępność cyfrowa była jednym z kluczowych elementów projektu, dlatego cały serwis dostosowaliśmy do wytycznych WCAG 2.2. Obejmowało to między innymi uporządkowaną strukturę nagłówków, teksty alternatywne do zdjęć, odpowiednie kontrasty oraz właściwe oznaczenie przycisków i elementów interaktywnych.
Web Design
Homepage
Design strony głównej
Rezultaty
Moduł SOR
Na stronie głównej wdrożyliśmy moduł SOR, który prezentuje czas oczekiwania oraz umożliwia porównanie go z wybranymi najbliższymi placówkami. To praktyczne rozwiązanie, które zwiększa dostępność kluczowych informacji i pomaga pacjentom szybciej odnaleźć najlepszą dla siebie opcję.
Rezultaty
Moduł BIP
Na potrzeby klienta przygotowaliśmy dedykowany moduł BIP, który porządkuje publikowane treści i ułatwia dostęp do najważniejszych informacji. Zawartość została podzielona na czytelne kategorie, dzięki czemu użytkownicy mogą szybciej odnaleźć interesujące ich dokumenty i wpisy.
Każdy wpis zawiera nie tylko treść i linki, ale również metryczkę oraz historię aktualizacji, co zwiększa przejrzystość i uporządkowanie publikowanych materiałów. Cały moduł jest w pełni zarządzany przez klienta, co pozwala na samodzielne i wygodne aktualizowanie treści.
Rezultaty
Strefa pacjenta
Strefa pacjenta została zaprojektowana tak, aby uporządkować najważniejsze informacje i ułatwić szybkie dotarcie do potrzebnych treści. Wprowadziliśmy czytelny podział na kategorie, dzięki czemu użytkownicy mogą łatwiej odnaleźć dokumentację medyczną, poradniki oraz inne istotne informacje.
W sekcji znalazła się także szybka ścieżka DiLO, która prowadzi pacjenta do najważniejszych materiałów i procedur. Dzięki temu Strefa Pacjenta jest bardziej przejrzysta, intuicyjna i wygodna w codziennym korzystaniu.
Rezultaty
Zarządzanie dostępami i bezpieczeństwo treści
Ze względu na wewnętrzną strukturę Uniwersyteckiego Szpitala Klinicznego w Poznaniu, poszczególne działy odpowiadają za własne obszary serwisu, m.in. projekty, oferty pracy czy aktualności. Kluczowym elementem było wdrożenie spersonalizowanego systemu ról oraz uprawnień w CMS.
Stworzyliśmy customowe rozgraniczenie dostępów, dzięki któremu każdy użytkownik może edytować wyłącznie przypisane do niego elementy. Jednocześnie ograniczyliśmy możliwość usuwania stron, podstron oraz zasobów multimedialnych, minimalizując ryzyko przypadkowych błędów.
Takie podejście pozwoliło zachować kontrolę nad strukturą serwisu, zwiększyć bezpieczeństwo treści oraz umożliwić zespołowi klienta samodzielną i odpowiedzialną pracę w ramach jasno określonych kompetencji.
Synergia między działami
Zespół projektowy
Nad projektem pracował interdyscyplinarny zespół, który odpowiadał zarówno za strategię, projektowanie i development, jak i przygotowanie treści oraz wsparcie widoczności serwisu. Dzięki współpracy specjalistów z różnych obszarów udało się stworzyć spójną, funkcjonalną i łatwą w zarządzaniu platformę.
-
1
Project Manager
-
1
UX/UI Designer
-
2
Front-end Developers
-
1
Back-end Developer
-
1
SEO Specialist
-
1
Content Manager
Anna Kobryn
Project Manager
To był jeden z bardziej złożonych i ciekawych projektów, jakie miałam okazję prowadzić. Kluczowe było pilnowanie szczegółów zarówno w zakresie struktury informacji, migracji treści, jak i zgodności z wytycznymi WCAG.
Projekt wymagał stałej koordynacji zespołu, dobrej komunikacji z klientem oraz szybkiego reagowania na pojawiające się wyzwania. Finalnie udało się stworzyć rozwiązanie, które jest uporządkowane, dostępne i gotowe na dalszy rozwój.
Chcesz otrzymać indywidualną wycenę naszych usług?
Wypełnij i prześlij krótki brief. Wrócimy z wyceną najszybciej, jak to możliwe.
