Back

Strona kliniki zdrowia psychicznego z rezerwacją wizyt online

CPP - homepage and online therapy booking

Cel projektu

Dać uznanej klinice zdrowia psychicznego stronę, która pomoże komuś znaleźć właściwego specjalistę i umówić się z nim w kilku spokojnych krokach, podłączoną do systemów, na których klinika już działa.

Zakres prac

Projektowanie UX/UI

Development

Czas trwania

Luty-czerwiec 2024

Technologie

Laravel

Backpack CMS

Next.js

Klient

CPP Sp. z o.o.

Klinika z ponad dwudziestoletnim doświadczeniem

Centrum Pomocy Profesjonalnej pomaga mieszkańcom Warszawy od 2002 roku. Zostało założone przez psychologów i certyfikowanych psychoterapeutów, a następnie rozrosło się o psychiatrów, seksuologów, terapeutów rodzinnych i specjalistów ds. uzależnień. Klinika pracuje z dorosłymi, dziećmi i nastolatkami, zarówno w gabinetach, jak i online, od diagnostyki po długofalową terapię. Potrzebowała strony odpowiadającej tej rozpiętości.

CPP - homepage in desktop and mobile

Projektowanie z myślą o osobie, która szuka pomocy w trudnym momencie

Osoba trafiająca na tę stronę często jest w trudnym momencie i nie wie jeszcze, do kogo powinna się zgłosić ani jak opisać swój problem. Dlatego projekt ma jednocześnie zmniejszać tarcie i lęk: prosty język, jasna droga od problemu do odpowiedniego specjalisty i tylko tyle kroków, ile naprawdę potrzeba. Trudne terminy i skróty mają subtelne tooltipy, żeby nikt nie musiał dodatkowo szukać wyjaśnień. Przeszliśmy pięć rund wireframów i pięć iteracji UI, a następnie przygotowaliśmy specyfikację i działający prototyp dla developerów.

CPP - homepage, offer, specialists and pricing design iterations

Znalezienie właściwego specjalisty - najtrudniejsza część

Większość osób trafia tu, wiedząc, co boli, ale nie wiedząc, do kogo zadzwonić. Strona jest zorganizowana wokół tego. Ktoś może przejść od tego, z czym się zmaga, do specjalistów, którzy to leczą, filtrując według specjalizacji, usługi lub lokalizacji, a następnie dokładnie przeczytać profil przed podjęciem decyzji. Wyszukiwanie obejmuje jednocześnie terapeutów, usługi i bazę wiedzy. Specjaliści są uporządkowani tak, by ci z wolnym czasem pojawiali się jako pierwsi, co ma znaczenie, gdy ktoś potrzebuje wizyty szybko.

CPP - specialist search across desktop and mobile

Rezerwacja wizyty w kilku krokach, na podstawie rzeczywistych terminów kliniki

Przepływ rezerwacji to serce projektu. Pacjent wybiera usługę, specjalistę i termin. Dostępność pobierana jest na żywo z systemu grafików kliniki, więc oferowane godziny są godzinami, które naprawdę istnieją - niezależnie od tego, czy wizyta odbywa się w gabinecie, czy online. Płatność odbywa się w tej samej ścieżce, a przed potwierdzeniem pokazuje się podsumowanie wizyty. Jeśli płatność nie dojdzie do skutku, rezerwacja zwalnia się automatycznie i termin wraca do puli, zamiast blokować się w kalendarzu.

CPP - mobile booking flow from visit type to payment confirmation

Podłączone do systemów, na których klinika już działa

To wszystko nie mogłoby działać jako kolejne źródło danych, więc integrowaliśmy, zamiast budować od nowa. Planowanie, dostępność, usługi i lokalizacje są w Calendesk, systemie, którego klinika już używa - strona odczytuje i zapisuje do niego dane. Ten z kolei jest połączony z MyDr, oprogramowaniem medycznym obsługującym klinikę. Efektem jest jedno flow danych od wyboru terminu na stronie do kalendarza specjalisty i dokumentacji kliniki, bez ponownego wpisywania czegokolwiek pośrodku. Wizyty online są oznaczane w systemie specjalnym znacznikiem, aby specjalista mógł je łatwo zidentyfikować.

CPP - Backpack CMS editing services and specialists with Calendesk fields

Baza wiedzy, która pomaga zanim ktokolwiek zarezerwuje wizytę

Nie każdy odwiedzający jest gotowy umówić wizytę. Klinika publikuje bazę wiedzy czerpiącą z doświadczenia specjalistów, posortowaną tematycznie od budowania nawyków po relacje i egzaminy. Po cichu pokazuje wahającemu się czytelnikowi, że są tu ludzie, którzy rozumieją, z czym się mierzy.

CPP - knowledge base listing in desktop and mobile

CMS na dwa języki, który klinika prowadzi sama

Za stroną stoi Backpack CMS zbudowany wokół tego, jak klinika naprawdę wprowadza zmiany. Zespół zarządza specjalistami, usługami, specjalizacjami, gabinetami i cennikiem, publikuje w bazie wiedzy w specjalnym edytorze i utrzymuje strony oferty na co dzień - wszystko bez programisty. Strona jest dwujęzyczna, z DeepL wbudowanym w CMS, więc polskie wpisy można przenosić na angielski bez ręcznego przepisywania. Nawet cache można wyczyścić za pomocą przycisku w panelu, gdy coś musi pojawić się natychmiast.

Efekt

Klinika ma teraz stronę, na której ktoś może przejść od mglistego poczucia, że potrzebuje pomocy, do potwierdzonej wizyty u właściwego specjalisty. Stoi za nią jedna ścieżka od rezerwacji po kalendarz i dokumentację, więc zespół poświęca czas pacjentom, a nie administracji. Od tamtego czasu nieprzerwanie rozwijamy stronę razem z kliniką.

Odwiedź cpp.pl

Porozmawiajmy o Twoim projekcie!

Opowiedz nam o swoim projekcie. Pomożemy zaplanować architekturę, zakres i realizację.

Skontaktuj się

© Webalize 2026