// DEMO / PRZYCHODNIA • SERWIS PUBLICZNY • WCAG 2.2 AA

Centrum Medyczne Lipowo — dostępny serwis przychodni

Projekt koncepcyjny nowego serwisu publicznej przychodni z dwiema placówkami — przygotowany tak, jak wymagają tego zamówienia publiczne na strony podmiotów leczniczych. Pacjent od razu widzi telefon do rejestracji, przycisk zgłoszenia wizyty, komunikaty ważne i status „otwarte teraz” obu placówek, a potem znajduje lekarza, poradnię, godziny pracy czy cennik w kilka sekund. Serwis zaprojektowano pod WCAG 2.2 AA i ustawę o dostępności cyfrowej: ma deklarację dostępności, tekst łatwy do czytania, informacje w Polskim Języku Migowym i pasek ustawień wyglądu. To makieta — nie ma jeszcze części serwerowej, a marka, adresy i dane są fikcyjne.

// Jak to zostało zrobione
  • Statyczne strony HTML generowane skryptem z treści dotychczasowego serwisu — aktualności, przetargi, dokumenty i cennik zostały przeniesione automatycznie, bez ręcznego przepisywania.
  • Cennik przepisany z PDF do tabel HTML (ponad 800 pozycji) z wyszukiwarką, dzięki czemu jest czytelny dla czytników ekranu i wyszukiwarek.
  • Analiza obecnego serwisu: inwentaryzacja stron i wpisów, mapa przekierowań 301, lista dokumentów PDF bez znaczników dostępności oraz grafik bez tekstu alternatywnego.
  • Dostępność zaprojektowana od początku: linki pomijania, landmarki, menu działające z klawiatury i bez JavaScriptu, wyraźny fokus, cele dotykowe co najmniej 44 px, kontrast co najmniej 4,5:1, obsługa trybu wymuszonych kolorów i ograniczenia ruchu.
  • Bez zewnętrznych skryptów, czcionek i narzędzi śledzących — strona nie potrzebuje banera cookies i działa szybko także na słabym łączu.
01

Strona główna nastawiona na pacjenta

W pierwszym ekranie telefon do rejestracji, przycisk „Zgłoś wizytę”, wyszukiwarka z podpowiedziami specjalizacji, komunikat priorytetowy (np. o zamknięciu placówki) i obie lokalizacje ze statusem „otwarte teraz”. Niżej specjaliści, poradnie, aktualności i informacje dla pacjenta.

02

Wyszukiwarka lekarzy

Lista specjalistów z filtrami po nazwisku, specjalizacji, placówce i formie przyjęć (NFZ, odpłatnie, program profilaktyczny) oraz osobne profile lekarzy z godzinami przyjęć i usługami.

03

Poradnie i usługi

Rejestr wszystkich świadczeń z informacją, w której placówce są dostępne, w jakiej formie finansowania, którzy lekarze przyjmują i ile kosztują wersje odpłatne.

04

Cennik z wyszukiwarką

Ponad 800 usług odpłatnych w tabelach HTML zamiast skanu PDF — pacjent wpisuje nazwę badania i od razu widzi cenę.

05

Formularz zgłoszenia wizyty

Krok po kroku: placówka, usługa i lekarz (listy zależne od siebie), preferowany termin i dane kontaktowe. Walidacja z podsumowaniem błędów, ostrzeżenie przed wpisywaniem danych medycznych i jasna informacja, że zgłoszenie nie jest jeszcze potwierdzeniem wizyty.

06

Godziny pracy i placówki

Godziny obu placówek, zmiany godzin w dni wolne, tabela grafiku przyjęć oraz osobne strony lokalizacji z adresem, usługami i lekarzami.

07

Aktualności i zamówienia publiczne

Kilkaset wpisów z filtrem kategorii, roku i tekstu oraz paginacją, a także dział przetargów, zapytań ofertowych i konkursów z podziałem na trwające i zakończone.

08

Pakiet dostępności

Pasek ustawień: powiększenie tekstu, wysoki kontrast, podkreślenie linków i większe odstępy. Do tego deklaracja dostępności, tekst łatwy do czytania (ETR), strona w Polskim Języku Migowym, mapa strony i wyszukiwarka.

// NASTĘPNY KROK

Potrzebujesz podobnego systemu?

Dopasujemy aplikację do Twojej firmy — napisz, czego potrzebujesz, a przygotujemy wycenę.

NAPISZ DO NAS  →