HB Med – strona internetowa dla prywatnej placówki medycznej

W branży medycznej UX nie jest „dodatkiem” — jest częścią wiarygodności. Pacjent, który nie umie znaleźć numeru telefonu, nie zadzwoni. Pacjent, który widzi przeładowaną, wolno ładującą się stronę, traci zaufanie szybciej niż przy stronie firmy IT — bo medycyna kojarzy mu się z czystością, porządkiem, spokojem.
Trzy konkretne wyzwania projektowe:

Pogodzić ilość treści z minimalistycznym layoutem. Kilkunastu specjalistów, pełen cennik, godziny przyjęć, opisy gabinetów — wszystko musiało się zmieścić, nie krzycząc.
Zaprojektować stronę mobile-first. Pacjenci szukający pilnej pomocy sięgają po telefon, nie po laptopa. Każdy element musiał działać kciukiem, w jednej ręce, często w pośpiechu.
Przygotować strukturę pod lokalne SEO. Frazy typu „internista Kostrzyn Wielkopolski” czy „prywatny gabinet ginekologiczny okolice Poznania” to nie kwestia reklam, tylko architektury strony i danych strukturalnych.

Pracę zacząłem od briefu, który zamiast pytać o „kolory i inspiracje” pytał o coś innego: jakie pytania najczęściej zadają pacjenci dzwoniąc do recepcji?. Odpowiedzi z tej rozmowy stały się szkieletem nawigacji.
Etap 1 — architektura informacji. Zanim powstał jakikolwiek projekt graficzny, ułożyłem mapę strony: główne sekcje (specjaliści, usługi, cennik, kontakt), logikę przejść między nimi i punkty, w których pacjent powinien móc kliknąć „zadzwoń” lub „umów wizytę”. Bez tego kroku każda piękna strona w branży medycznej kończy się tak samo — ładnie wygląda, źle prowadzi.
Etap 2 — design. Postawiliśmy na czysty, minimalistyczny układ z dużą ilością białej przestrzeni, stonowaną paletą i wyraźną typografią. Zero stockowych zdjęć „uśmiechniętych lekarzy w białych fartuchach” — zamiast tego konkretne kafle ze zdjęciami specjalistów, ich specjalizacjami i godzinami przyjęć. Element zaufania nr 1: pacjent widzi konkretną osobę, do której się umawia.
Etap 3 — wdrożenie na WordPressie. Strona została zbudowana na WordPressie z wykorzystaniem własnych szablonów PHP i lekkiego kodu CSS — bez ciężkich kreatorów typu Elementor, które generują nadmiar HTML i spowalniają ładowanie. Każda podstrona specjalisty to osobny wpis w przygotowanej strukturze, łatwy do edycji przez recepcję bez znajomości kodu.
Etap 4 — optymalizacja i SEO on-page. Kompresja obrazów do WebP, leniwe ładowanie, lokalne fonty zamiast Google Fonts, dane strukturalne MedicalBusiness i Physician, mapa strony, poprawnie ułożone nagłówki H1–H3 pod frazy lokalne. Strona została przygotowana tak, by Google miał co indeksować i jak to klasyfikować.
Rozwiązanie — co dokładnie dostał klient

Nowoczesna, w pełni responsywna strona zbudowana na WordPressie, gotowa do samodzielnej aktualizacji przez personel placówki.
Czytelna sekcja specjalistów z indywidualnymi kartami lekarzy, godzinami przyjęć i bezpośrednim CTA do kontaktu.
Przejrzysty cennik w formie tabeli z możliwością łatwej aktualizacji bez ingerencji w kod.
Zoptymalizowane Core Web Vitals — szybkie LCP, niskie CLS, stabilne renderowanie na urządzeniach mobilnych.
Struktura pod lokalne SEO — dane strukturalne, optymalizacja pod frazy regionalne, integracja z Google Search Console.
Dokumentacja i krótkie szkolenie dla zespołu recepcji z obsługi panelu.